Site logo

Archived topic

Change text size in top bar widget on mobile

1 reply · Started by David on June 24, 2021

Viewing posts 1–2 of 2

Hi! Is there any way to set the top bar text size to smaller on mobile? The "top bar" widget takes up so much space on mobile.

See this on this page - https://ottopeg.se/shop/

Hi there,

you can reduce the Padding in Customizer > Layout > Top Bar - currently it has 64px left and right padding which i don't think is necessary on Desktop or Mobile.

And if needed you can change the font size for mobile with this CSS:

@media(max-width: 600px) {
    .top-bar .inside-top-bar {
        font-size: 12px;
    }
}
This archived topic is closed to new replies.