Archived topic
Inline Menu
12 replies · Started by Andrew on August 17, 2016
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;
}
Hi there,
What do you mean by inline? Any examples?
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
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?
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.
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
This menu?: http://screencast.com/t/rbU1h4CV
I got it working. Not sure what was going on. I deleted it cleared the cache and added it again.
Awesome :)
Hello,
I want display a submenu inline, how i can do this ?
Thx Tom :)
No problem! :)
