Archived topic

Problems with top bar width

3 replies · Started by Jose Luis on October 21, 2018

Viewing posts 1–4 of 4

October 21, 2018 at 10:51 am #706625

Hello!
I have problems to create my top bar. I am trying to establish 4 columns in one row with this code:

<div class="grid-container">
<div class="grid-25 tablet-grid-50 mobile-grid-50 first-column"> 
CONTENT1
</div>
<div class="grid-25 tablet-grid-50 mobile-grid-50 second-column"> 
CONTENT2
</div>
<div class="grid-25 tablet-grid-50 mobile-grid-50 third-column">
CONTENT3
</div>
<div class="grid-25 tablet-grid-50 mobile-grid-50 fourth-column">
CONTENT4
</div>
</div>

It is working but it doesn't take up all the space in the top bar. Is like it is only use the half right part of the top bar.
How can I solve it?
Thanks in advanced.

October 21, 2018 at 11:22 am #706639

Hi there,

Where are you adding that code?

Any chance you can link us to the site in question?

You can edit the original topic and use the private URL field.

Let me know :)

October 21, 2018 at 11:30 am #706649

Hi,
The code is in Appearance > Customize > widgets > Topbar > HTML widget
I can't give you access to the page because I am working in local.

October 21, 2018 at 12:06 pm #706674

That won't work in a widget.

Try using the code in a before_header hook in hook element instead:
https://docs.generatepress.com/article/hooks-visual-guide/
https://docs.generatepress.com/article/hooks-element-overview/

This archived topic is closed to new replies.

Start building better websites today.