[Resolved] Inline Menu

[Andrew]

I am using BeaverBuilder and have added a menu. I am trying to get the menu to display inline, but have been unsuccessful. I am sure I am just missing a CSS tweak moving from BB theme to generate press?

/* Diplay About Menu Inline */
.menu-about-container #menu-about li {
display:inline !important;
padding-right: 50px;
font-size: 22px;
}

/* Center About Menu */
.menu-about-container {
text-align:center;
}

/* Diplay Gather Menu Inline */
.menu-gather-container #menu-gather li {
display:inline !important;
padding-right: 50px;
font-size: 22px;
}

/* Center Gather Menu */
.menu-gather-container {
text-align:center;
}

/* Diplay Grow Menu Inline */
.menu-grow-container #menu-grow li {
display:inline !important;
padding-right: 50px;
font-size: 22px;
}

/* Center Grow Menu */
.menu-grow-container {
text-align:center;
}

[Tom]

Hi there,

What do you mean by inline? Any examples?

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

[Andrew]

Menu’s that display horizontally. Im using Beaver Builder and the menu widget/module. Instead of:

·About
·Stuff 1
·Stuff 2

its

About Stuff 1 Stuff 2

[Tom]

This might be something you have to ask the Beaver Builder devs as it’s their widget you’re trying to adjust.

Can you link me to a page where you have it added?

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

[Andrew]

Normally I’d agree, but the CSS I had worked till I switched a demo to Generatepress.

demo2.creativeministrydesign.com

On the internal pages there are menus below a header image area.

[Rob]

If you look at the generated source of that page in your browser you’ll see the CSS you listed above is not actually being applied.

Do you know the location of that CSS ? Is it in a plugin or your own stylesheet as its not being outputted

[Tom]

This menu?: http://screencast.com/t/rbU1h4CV

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

[Andrew]

I got it working. Not sure what was going on. I deleted it cleared the cache and added it again.

[Tom]

Awesome 🙂

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

[Thierry]

Hello,

I want display a submenu inline, how i can do this ?

[Tom]

This might help: https://generatepress.com/forums/topic/mobile-navigation-2/#post-254903

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

[Thierry]

Thx Tom 🙂

[Tom]

No problem! 🙂

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

[Author]

Posts