top bar – content width

[BarnaB]

Hi,

Just been playing with the top bar and wanted to add an Elementor shortcode to it…but when the code is added and the container is set to full width it still shows like the content is within like 800px is area:

here is a snapshot:
http://prnt.sc/elf3nv

SO:
elementor template is full width
top bar layout all full width, so not sure how to make this really full width and all should be in one line 🙂

Thanks

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

GeneratePress 1.3.46

GP Premium 1.2.96

[Tom]

Any chance you can link me to the page?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[BarnaB]

It was only a test so there is no live example. I can add it now if you can have a look quickly ?

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

Sure. One thing to check is that the top bar alignment is set to center.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[BarnaB]

Sent you the details in a private message on FB 🙂

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

Try adding this CSS:

.top-bar .inside-top-bar .widget:first-child:last-child {
    display: block
}

Basically if it’s the only widget, set it to display block. I’ll do some testing and add it to the theme.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[BarnaB]

Thank you, sent you a followup on FB…

https://wpress.zone
Tutorials and tips for GeneratePress and Elementor

[Tom]

Answered – best to keep things in here though as they will be answered faster 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Lyle]

Barna, Tom,

Here is what I did to add the Elementor shortcode to the Top Bar widget area:

.top-bar .inside-top-bar .widget {
    width: 35%;
}

Cheers!
Lyle

http://snifflevalve.com
Tutorials and tips for GeneratePress, WP Show Posts, WordPress and Elementor

[Author]

Posts