sidebar in mobileview

[Alan Kaussen]

HEllo,

there are many widgets for the sidebar, but you have to scroll much on mobile devices to see the main content…

is it possible to show the sidebar content after the page content?

Thanks

[Bill Robbins]

Alan,

Fantastic question. Everything on a web page is split up into boxes. Typically you’ll have a sidebar that’s one box and a content area that’s another. Some pages also have separate headers and footers too.

In the Umami theme, the navigation, widgets, logo and footer credits are all in the same box (the sidebar). Since they are all there together, it’s not possible to pull out only one part of it and position it below the next box (the content).

One option would be to selectively hide some of the widgets on smaller devices. That would be possible. If you’d like to go that route, send over a link to your site and let me know which widgets you’d like to hide on a smaller screen and I’ll show you how to do that.

Thanks,
Bill

[Alan Kaussen]

Bill,

thanks for your response.

Would it be possible to hide the widgets on all pages except the “startpage” on smaller devices?
or choose whether a page displays widgets or not?

Thanks,

Alan

[Bill Robbins]

Alan,

You can set it to work that way. Here’s how:

1. Go to the Theme Options page and select the Advanced tab.
2. Scroll down to the Custom CSS box and paste this:

   
   
   @media only screen and (max-width: 767px) {
   	
   	#sidebar .widget {
   		display: none;
   	}
   	
   	.home #sidebar .widget {
   		display: block;
   	}
   	
   }
   

3. Update your settings.

That should hide the widgets on a smaller screen everywhere but the home page.

Let me know if you run into any trouble,
Bill

[Alan Kaussen]

Hi Bill,

Thanks for the answer.
that works well.

regards,
Alan

[Bill Robbins]

Anytime Alan. Have a great weekend!

[Author]

Posts