[Resolved] Top Bar Area

[Joe]

Hi Guys and Gals,
I’m working with the top bar widget in GP and I’m having two issues. I couldn’t find a way to insert social icons and a phone icon in this area through GP so I created a section template for the top bar in elementor and inserted that into the top bar widget of GP using “add elementor element”.

1) When I open/refresh the page, the social icons flash in their default size for a second then adjust to my settings (annoying). Sometimes it happens and sometimes it doesn’t (extra annoying).

2) I can’t get the width to align properly. It’s either too wide or too narrow. I’d like for it to align with my primary nav bar just below.

https://luminousmobiledetailing.com/

[Leo]

Hi there,

1) I believe this is an Elementor issue which GP doesn’t have control of. I would recommend talking to their support.

2) Try this CSS:

.inside-top-bar {
    padding: 0 40px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

This would match the padding you have in the header/navigation.

Let me know.

[Joe]

Thanks!

[Leo]

No problem!

[Roberto]

Hi Guys !! I need the Top Bar not to be as high as I can, sorry my english
Thanks!!

[Tom]

Hi there,

Where do you want it?

[Author]

Posts