How do I make header element responsive

Support
#1

The text looks fine on desktop but when it goes to mobile the text is all messed up how do I scale this I know that it has to be something to do with responsive text I am unsure where I set this up and the css that has to go with it.

Thanks

#2

Hey George,

Here is a video setup demo that looks somewhat close to setup. Just pause and play and/or slow down the video to follow along as it does not have an audio.

If you want a CSS solution, please see the answer from this similar thread https://theme.co/apex/forum/t/pro-header-builder-and-responsive-text/458/2

In summary, what @kory is saying in that thread is you apply a responsive font size value like this calc(2vw + 10px) to your text. You can see what I’m saying in this screencast.

Hope that helps.

#3

Where do I find this in X theme Pro

#4

I didnt have the value set in the subtext of the headline it is fixed thanks.

#5

Hey There,

We are just glad that you have figured it out a way to correct the said issue.
Thanks for letting us know!

Best Regards.

#6

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