My second tier sub menu items expand horizontally instead of vertically, if i add more than one page. My site is not live at the moment so i can’t link you to a URL, but here is a rough visual of what i mean.
right now it looks like this:
main menu item
-sub item 1 – (page 1)sub item 2 – (page 2)sub item 2
i want the second tier to expand vertically:
main menu item
-sub item 1 – (page1)sub item 2
– (page2)sub item 2
it’s crude, but i hope you can follow that. Here is the current CSS i’m running
/*Menu*/
.main-navigation ul {
text-align: center;
}
.main-navigation ul li {
display: inline-block;
text-align: left;
float: none;
}
.main-navigation ul ul a {
width: auto !important;
}
.main-navigation ul li a {
padding-right: 15px !important;
padding-left: 15px !important;
}
.main-navigation ul ul li {
min-width: 250px;
white-space: nowrap;
width: 100%;
}
thanks a lot.
Steve.
Hi Steve,
I would like to give you a tested solution, you could give this a run:
.main-navigation ul ul li a { padding-top: 20px !important padding-bottom: 20px !important; }Let me know the outcome
Cheers
Correction**
I had left a semi-colon on the code above…
.main-navigation ul ul li a { padding-top: 20px !important; padding-bottom: 20px !important; }thanks for the reply Addo, but the css didn’t work in the way i wanted.
All that does is add padding between first tier sub menu items. Any other suggestions? Also not sure if i was able to make my self clear in op. Let me know if you need more clarification.
thanks,
Steve
Hi Steve
Since you do not have a direct link to your site, would you mind sending a highlighted screenshot of your site indicating which changes you want made?
That will enable me understand your issue better.
Looking forward to hearing from you
This is a private message.
Hey Steve
Is your site running on localhost or just in maintenance mode? If it’s maintenance mode do you think you could send through a temporary set of login details so we can take a look? When it comes to customisations like this, it’s really helpful to inspect your source code and make adjustments from there.
You can email this thread on:
[email protected]
It’s unfortunately not possible to email any attachments to the thread at this stage, either via Private Reply or the private email address I mentioned above.
This is a private message.
This is a private message.