Sidebar non shown on mobile

I have the same problem. No sidebar anywhere on site on mobile device.

Has anyone found a solution for that problem?

Set .sidebar{display:none;} to /*.sidebar{display:none;}*/

Hi
My sidebar widgets are not showing on mobile.
They are visible on desktop but none on any pages are visible on mobile. I have visibility set on them and I tried the css fix above. But no joy.
Can anyone help?

Thanks

/*.sidebar{display:none;}*/

… worked for me. Thanks martin136!

same problem – no sidebar on mobile but i do not find that code (.sidebar{display:none;}) anywhere in my css stylesheet – looked under SEc 11 Sidebar as well as scanned the whole sheet.
Any other solutions? Apparently that’s not working for everyone.
Thanks….

Appearance > Editor…

No such entry in Hemingway: Stylesheet (style.css)?

Appearance > Editor…

No such entry in Hemingway: Stylesheet (style.css)?

Should be in section 14. Responsive

I apologize… i did locate that line in section 14
/*.sidebar { display: none; }*/
and replaced it with the suggested above that worked for Herman and Martin but nothing seemed to happen or change. When i view on mobile (or narrow my desktop screen to mobile size) the side bars still do not show up. i haven’t changed anything else in the code so not sure why it worked for some and not on my site. Seems like i read on another forum/post that someone (possibly the author?) said that it was not designed to show sidebars on mobile devices and he had no plans to change it. His suggestion was to put sidebar info in footer but this seems like a big limitation on the theme design?
Any suggestions appreciated.

I’m sorry that i neglected to give the link to my site in previous question. Maybe someone can look and get some ideas.
https://www.stillwatersministries.net
Thank you!

To clarify… I found this line in Section 14:
.sidebar { display: none; }
and replaced it with this line:
/*.sidebar { display: none; }*/

That looks correct to me. It’s to comment out that particular line.

The sidebar is showing on my mobile for https://www.stillwatersministries.net.

Is it just a particular widget within the sidebar not showing?

Thank you for your help and quick response.

Yes.. i understand the line i replaced with this line: /*.sidebar { display: none; }*/
was to comment out the “display: none” so that the sidebar would then be displayed.

Are you saying you DO see right sidebar on your phone/mobile device small screen? Does it appear below the page body text above the footer? My phone and a friend’s phone (both iphones) do not display it even though desktop does.

All but the Photos and Resources pages have a sidebar (but there is a different sidebar on the About page). I am using Custom Sidebars plugin so i could have different sidebars on different pages. The About page has the custom sidebar and the other pages use the default single sidebar with the theme.

To answer your question the two sidebars used both have one widget that is a graphic and one widget that is the text.
https://www.stillwatersministries.com

NOT .com….. it’s https://www.stillwatersministries.net
so sorry… i keep making that mistake ??

??

Yes, on a mobile (iPhone 6; Chrome/Safari), it displays the sidebar near the bottom of the page, before the footers.

• This reply was modified 7 years, 10 months ago by Herman Fung.

I have an iphone 5s but using Safari… not seeing them.
My friend has an iphone 7 using Safari… not seeing them.
So Androids won’t see them at all then? or maybe if they use Chrome.
I’m just trying to see where we are with it and hoping i don’t have to change themes because i do like this one overall.

Do you have any suggestions to help make this more universal? or why it’s not working on iphone 7? Do you detect any problem in the code of my site that may be causing this problem?

Or maybe i have to find a work around like make a graphic that looks like the sidebar and insert it on the page? maybe that might work?

https://www.stillwatersministries.net