Scaling buttons in header (PRO)

[hypnorich]

I have built a minimal header which has my logo, burger and CTA button and this is the header for all screen sizes. I have followed a couple of other threads in the forum on this issue and have done things like changing the padding etc to em rather than px, changed the text scaling to em, changed the text size to a calc version like in this video https://www.youtube.com/watch?v=SdQHpAgFumw - nothing seems to help though. The first part of the logo is pushed off the left hand side of the screen and the button does not shrink on my mobile the way it looks like it should on the page builder. You can see what it looks like on my phone in this screenshot https://photos.app.goo.gl/Aq2dXRNFXrLaveez7

Would you take a look and see if you can help me to get it to look right on small screens please?

[marc_a]

Hi @hypnorich,

Thanks for reaching out.

It is just a cache issue in your website, when I clear the WP Rocket cache and Pro cache styling in Pro > Settings > System, it is now showing correctly in the mobile devices.

Hope that helps.

Thank you.

[hypnorich]

Ah, forgot to check that!

[kory]

No worries, @hypnorich! It gets the best of us. Glad you’re all sorted now.