[Resolved] Sidebar display problem in desktop

[Bill]

Home page is displaying like a mobile page on desktop – no side bar and there is also a hamburger menu button at top.
This is also happening to a few posts, only there is no hamburger button.
Seems to be no rhyme or reason. Everything looks fine in edit / preview.
I have tried different browsers, private window and a friends computer.

Homepage: https://tastyhealthyheartrecipes.com/
one of the post pages: https://tastyhealthyheartrecipes.com/a-la-cart/soups/low-sodium-chicken-noodle-soup/

[Ying]

Hi Bill,

Could you try to switch from Float to Flexbox at customizer > General > Structure to test?

Let me know.

[Bill]

That appears to have worked. Is this new or what might have changed?
Sidebar in pages appear to be a little wider than post pages tho?
Sidebar box goes to bottom of page too.

[Ying]

Flexbox is definitely a better structure compare to float. It’s been out for a while now, and more and more browsers are compatible with it nowadays.

The appearance of different sizes of sidebars is because you’ve set the container width of single post to 1000px, while the other pages are 1150pxand the sidebar width is set to 30% of the container width.
https://www.screencast.com/t/yGkx0tS7

I assume this 1000pxsetting is from a layout element, go to appearance > elements, check if there’s a layout element assign to posts.

Let me know 🙂

[Bill]

Ying,
You are on Fire! Thank you.

[Ying]

You are very welcome 🙂

Glad to help!

[Author]

Posts