[Mupa]

I know i can handle this “global” for every single site (No Sidebar – Content Width/Full Width).
But is this possible just for mobile mode?
So i want the sidebar on my homepage, but not for the sub pages and just in mobile mode. In desktop mode i want the sidebar on all pages.

[Mahesh]

@mupa: For that, use the following CSS:

@media screen and (max-width: 480px) {
    body:not(.home) #content .sidebar-primary {
    	display: none;
    }
}

Regards,
Mahesh

[Mupa]

Works like a charm, thanks a lot.
I think it’s impossible to prevent loading of the sidebar instead of hiding it right? Therefore some template changes needs to be done, right?

[Mahesh]

@mupa: As per your requirement (hide in mobile mode only), this can be only done with CSS and hiding is the ONLY option. But if you do want to remove the whole sidebar section (Prevent Loading) from certain page then this can be done too. For that, go Dashboard=> Pages and edit the page you want to hide the sidebar in and scroll down to Catch Adaptive Options and select No Sidebar (Full Width) in Layout Options and click update.
Same can be done for posts too.
Hope this helps.

Regards,
Mahesh

[Mupa]

As i said in my first post i know these theme options. My questions was if this is possible just for mobile mode. My intention for doing so is: in desktop mode you have enough space for widgets. But in mobile mode it’s the other way around. There is not enough space and you don’t want to scroll down every single page. There it would be enough to show the sidebar just on the homepage.
Maybe that is an idea for improvement in some of the next versions.

Regards,
Mupa

[Author]

Posts