Sidebar leaves blank area on disappearence

andrewwinkler

When decreasing the width of the window, the main logo is being replaced with the mobile logo in the search box, which is all good. And then - on an even smaller windows - the sidebar menu is also replaced width a collapsible menu, which is exactly what I'm after. However, when the sidebar menu collapses, the blue area below it remains in place, when it should also disappear and make room for the main content.

saguaros

andrewwinkler
Hi,

I can't replicate issue in small screen like mobile, which device should I check to replicate it?

andrewwinkler

You can reproduce it on a desktop by slowly decreasing the width of your browser.

saguaros

andrewwinkler

Hi,

I added this code in the same css file:

@media (min-width: 768px) and (max-width: 985px) {
  body.has-sidebar #container .container-main {padding-left: 0;}
}

at line 192.

Could you check it now?

andrewwinkler

Much better. Many thanks. It's still a bit jumpy, though, in the sense that it switches to one column display prematurely.

aman204

andrewwinkler It's still a bit jumpy, though, in the sense that it switches to one column display prematurely.

To be more precise and avoid confusion/ambiguity in addressing your query, Kindly provide screenshot marked with annotations showing the relative issue and how you wish to have it seen

paulus1031

When you resize the screen and you see the problem behaviour are you refreshing the screen at that screen width as otherwise sometimes js won't fire when a screen is resized this way

Cheers
Paul

andrewwinkler

That's exactly what's happening. When I resize the browser the screen doesn't respond. However, when I refresh the screen it's ok. I'll get back to you with screenshots and/or videos in a separate ticket, if I notice any further problems. Thanks a lot for your help so far. I am still new to the art of responsive css wizardry.

saguaros

andrewwinkler

It's best if you can test in real devices for this responsive feature and share us screenshot if there is any issue.