Preview vs Actual

Hey @richardpatterson ! Are you doing this on the site rethinkingmoney.org? This site seems to be working as expected on multiple screen sizes. If it’s a different page, please share a link to the page, or a screenshot, so it’s easier to find out what’s happening.

Hmmm… The homepage seems to be working properly now and I guess I need to check the settings for the template for the posts (which still seem to convert the navigation bar to an unusable dropdown menu. Is there a cache somewhere that would have prevented it from updating until today?

While I’m at it, is there a way to change the appearance of a dropdown menu if it is a conversion from a navigation bar on a small screen? If I turn on overlay menu, do I have any control over what happens?

Thanks.

Hi @richardpatterson,

?Is there a cache somewhere that would have prevented it from updating until today?

Yes, that could for sure be related! Sometimes even added by your hosting provider.

While I’m at it, is there a way to change the appearance of a dropdown menu if it is a conversion from a navigation bar on a small screen?

Can you confirm what you mean by the appearance for a dropdown?

When I first looked at the website on my phone, the navigation bar was converted to an icon for a drop down menu, but when I touched the icon the menu that appeared has all three items on top of each other so that I could not select them properly. I assume this was the result of my long struggle to eliminate unwanted padding above and below the navigation items in the full screen version. If I edit the page while previewing it for a phone, can I add padding or spacing that does not affect the wide screen version of it. I understand that I could write CSS code for the smaller width, but I think I have painted myself into a corner with my design.

Hi @richardpatterson,

If I understood correctly, the menu item are over each other on the mobile menu?

I’m not sure if I can reproduce it: https://d.pr/i/eI9PHa

That’s because I turned off overlay for the navigation bar in the header. I guess my question is a more general one of whether I can control the formatting of a menu or navigation block on a mobile device separately from the formatting of it on a desktop or table.

Thank you for clarifying that, @richardpatterson!

By default, the only option is to enable/disable the hamburger (three lines) menu for mobile.

Still, if you enable it again, I could take a look and see if we could help with some small CSS to let you do what you want. ??