This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

second tier sub menu items not inline

Open 9 replies premiumthemetheme-vantage
Steve Calaguiro
10 years ago · Last reply by Andrew Misplon 10 years ago

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.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Daniel Staff 10 years, 11 months ago

    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

  2. Daniel Staff 10 years, 11 months ago

    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;
}
  3. Steve Calaguiro 10 years, 11 months ago

    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

  4. Daniel Staff 10 years, 11 months ago

    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

    • Steve Calaguiro Private 10 years, 11 months ago

      This is a private message.

  5. Andrew Misplon Staff 10 years, 11 months ago

    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]

  6. Andrew Misplon Staff 10 years, 11 months ago

    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.

  7. Steve Calaguiro Private 10 years, 11 months ago

    This is a private message.

  8. Andrew Misplon Private Staff 10 years, 11 months ago

    This is a private message.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread