Text in header does not fit in mobile

Hi,

We have a top bar with a disclaimer on our header which looks good on desktop but does not fit on mobile. Currently, the bar’s hight is set to 1.3 rem, I tried setting it to 3 rem to give it enough space for mobile which worked, but then it’s way too large on desktop. Is there any way to make it responsive? Attaching screenshots that shows what I mean, it’s the top bar with the black background I’m referring to.


image

Thanks!

try setting bar height to auto

Thank you, that worked!

Hi @scotbaston,

Thanks for your help!

@Sandberg, we’re glad that your issue was already solved on your end! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.