Top Bar Text Wrap

[marketimpress]

Is there a way to automatically wrap the top text in my top bar? On mobile it automatically cuts off.

[ruenel]

Hello @marketimpress,

Thanks for writing in!

First, you only need to insert this Text content:

SCHEDULE YOUR PICK UP TODAY - CALL <a href="tel:17142306343" style="color: #ffffff;"> (714) 230-6343</a>

You are using the Headline element already, and used <h1> as your HTML tag:

You can change the color or align the text using the Text option on your Headline element:

And to make it automatically wrap the top text, in your Bar element settings, you can change the direction from Row to Column in smaller screens:

Hope this make sense.

[marketimpress]

That did the trick. One other question, if I want to use a graphic icon in my topbar (Headline) is there a way to get it to be centered? My text is centered in the element but for some reason the icon only justifies to the left regardless of what alignment I select.

[ruenel]

Hello @marketimpress,

Do you want something like this:

You will need to turn ON the Wrap option in your Container element:

Hope this helps.

[marketimpress]

I followed your instructions as noted above and the icon is still floating to the left. What am I missing?

[tristup]

Hi @marketimpress,

If the solution given by my colleague is not working, there might be some problem with the value of the setting. To investigate that, please provide login credentials for your site in a secure note to examine it further, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[marketimpress]

Not a problem, here you go.

[tristup]

Hi @marketimpress,

I have created the same Headline with the suggestion given by my colleague and now it is working fine.

Thanks

[marketimpress]

Thank you for figuring this out. Looks like it working properly now.

[marc_a]

Hey @marketimpress,

You’re most welcome!