[jacynthe]

Hi,

I am having an issue where the right sidebar is messing up with the mobile view in the blog. I would like to hide that section altogether and just have the content be width 100% but this hasn’t been working out for me so far.

I tried saying div#content #page-51 (which is my blog page id) with width of 100% and div#secondary #page-51 with display:none obviously mentioning that this was for screen with a resolution under 1001px and this has done a whole lot of nothing.

So in a pinch I thought well it’s not really important even on the website to have the sidebar on the blog page so let’s edit the tempalte-blog file in my child theme to remove the sidebar… so I tried editing out the part that says parabola_get_sidebar but the sidebar still remained there.

What am I doing wrong?

Website: jacynthedurocher-fitness.com/category/nutrition/recipes

[jacynthe]

I have removed sidebar on the whole site at the moment so visiting the link will not show the sidebar issue.

It’s not ideal but it’s still heaps better than what was happening on mobile.

[Zed]

On small enough mobile devices (800px I believe) the theme relocates the sidebar under the content, leaving the content use up all the available width.

However, looking at the source of the site it looks like you are using a caching/minification plugin. CSS minification usually interferes with the theme’s styling order, breaking it in some way or another (like responsiveness misbehaving).

I suggest you disable CSS minification in your plugin, re-enable the sidebar and re-check how it behaves on smaller mobile devices.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Author]

Posts