Top Bar Squeeze Text Mobile

https://nalledgeco.com

How can I get the text to stack for smaller width like mobile instead of inline?

How can I get it to fit the 3em height for mobile without being cut off?

Hello @verobeachmarketing,

Thanks for writing in! You can change the font size of the text in the topbar in smaller screens. You can edit the custom header, click the text element. Find the “Customize” tab in the element settings and insert this inline element css:


@media(max-width: 767px){
    .$el.x-text {
        font-size: 10px;
    }
}

You should have something like this:

Hope this helps.

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