Docs

[Joe]

SITE: THATSMYTECH.COM

TOPBAR:
– having an issue controlling the text with html (what am I missing)
– How do I setup responsive text so when the window resizes it doesn’t break?

[Jack]

Hi there Joe,

Thanks for writing in!

– having an issue controlling the text with HTML (what am I missing)

HTML should work fine within the Topbar, can you post what HTML you’re trying that isn’t working please and we’d be happy to take a look.

– How do I setup responsive text so when the window resizes it doesn’t break?

Media queries can be used for different classes and ID’s, to change the font size based on the screen size, do you have a mockup of how you want it to look? Did you want it to keep it’s look in desktop across all devices? As right now I see the top bar resizing as the browser size changes.

Let us know what you’d like to do and we’d be happy to assist. 🙂

Thanks!

[Joe]

– Text: What is the best way to go about writing the code in such a way I have control of the look and spacing of the text.

– Did you want it to keep it’s look in desktop across all devices: YES

[Joao]

Hi There,

The best way to is to add a class to the element and then control via CSS on your Customizer / Custom CSS.

Ex:

HTML

<p class="classname"> Hello I am such a classy text.</p>

On the Customizer / CSS

.classname {

font-size: 20em;
color: red;
`

Be aware that this explanation about styling is quite simplistic and CSS gets a bit more complicated once the classes are nested in other classes.
Regarding your second question another recommendation is setting up your font-sizes in your websites using em or % instead of px as a measure.

In order that we can better help you I would ask you to provide your website URL and be more specific about what you want to achieve and where that way we will be able to help you better.

Thanks

Joao

[Author]

Posts