You are not logged in.

Announcement

Forum database was corrupt and an old backup was restored as temporary replacement. Registrations closed until the database is recovered. Please ask questions using the Contact form

#1 19-06-2014 21:08:29

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Sidebar not hiding when exiting a page and returning to main tiles

I have a subpage with a set of sidebar tiles.

If I am in mobileOnDesktop mode,  if I flip back to my main tiles (home) page, the sidebar tiles do not disappear.

The tiles appear overlapping.

rs

Last edited by rsalomone (24-06-2014 15:29:08)

Offline

#2 23-06-2014 14:56:52

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Sidebar not hiding when exiting a page and returning to main tiles

Is there a way to remove the sidebar (on page exit)?

Offline

#3 23-06-2014 20:14:55

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: Sidebar not hiding when exiting a page and returning to main tiles

Mobile OS and browser?

Offline

#4 24-06-2014 01:04:24

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Sidebar not hiding when exiting a page and returning to main tiles

Browser minimized to mobile width.

Offline

#5 24-06-2014 09:16:40

chrismaliszewski
Contributors
From: Torun, Poland
Registered: 06-05-2013
Posts: 246
Website

Re: Sidebar not hiding when exiting a page and returning to main tiles

Problem: In mobile view sidebar doesn't disappear after going to home page.

How to see problem: To recreate error following steps are needed:
1. Open any page with sidebar.
2. Enlange it so mobile menu is visible.
3. Open menu and click Home.

Cause of problem: Problem is in different position of div .sidebar in both views. In normal view div.sidebar is inside div#contentWrapper which display is set to none when subpage disappear so sidebar also is invisible. While in mobile size view div.sidebar is in different position in code out of div#contentWrapper and when div#contentWrapper disappears, div.sidebar is still visible.

Solution: small fix is needed to repaire it. Go to js/main.js, create its copy and modify two lines

$("#contentWrapper, #subNavWrapper").hide();

to

$("#contentWrapper, #subNavWrapper, .sidebar").hide();

and

$("#contentWrapper, #subNavWrapper").fadeIn(700);

to

$("#contentWrapper, #subNavWrapper, .sidebar").fadeIn(700);

Last edited by chrismaliszewski (24-06-2014 10:21:57)

Offline

#6 24-06-2014 09:37:02

chrismaliszewski
Contributors
From: Torun, Poland
Registered: 06-05-2013
Posts: 246
Website

Re: Sidebar not hiding when exiting a page and returning to main tiles

Problem: Sidebar in mobile view is doubled while in desktop mode everything works.

Cuase of problem: Problem is in not deleting previously created sidebar because of its movement into different position in code (read previous post)

Solution:
1. Go to inc/sidebar.php.
2. Find function showSidebar and first else{ before $t.
3. Between those two add following code

?>
		<script>
			$("#centerWrapper").children(".sidebar").remove(); //removing sidebars in case of their movement to different part of the code in mobile view
		</script>
<?php

Last edited by chrismaliszewski (24-06-2014 10:25:56)

Offline

#7 24-06-2014 15:28:18

rsalomone
Contributors
Registered: 22-11-2013
Posts: 101
Website

Re: Sidebar not hiding when exiting a page and returning to main tiles

In Mobile View/Desktop Browser:
Sidebar Overlapping (and not Hiding) when returning to main page tiles - resolved.

Thank you Chris!

Excellent!

Offline

#8 24-06-2014 18:59:56

Thomas
Administrator
Registered: 10-03-2013
Posts: 897

Re: Sidebar not hiding when exiting a page and returning to main tiles

Great wink

Offline

Board footer

Powered by FluxBB