Dropdown Menu Problems

  • Resolved luda2015

    (@luda2015)


    10 years, 5 months ago

    Hi everyone!
    I have a small issue with my dropdown menu. On my website (adventureswithluda.com), whenever I hover over the “Travel Wishlist”, the sub categories are all jumbled up.

    For example, it looks like this:
    Africa- Asia
    – Eastern
    Europe Western Europe

    I’d like for each of the pages to be one line per topic, like this:
    Africa
    Asia
    Eastern Europe
    Western Europe

    How can I get this?
    Thank you! 🙂

Viewing 3 replies - 1 through 3 (of 3 total)
  • Jonathon Leathers

    (@jtleathers)

    10 years, 5 months ago

    In the style.css file of your theme or child theme, find the following: 

    .main-navigation ul ul li {
    z-index: 99999999;
    position: relative;
    background-color: #000;
    left: 0px;
    width: 200px;
}

    Change it to this:

    .main-navigation ul ul li {
    z-index: 99999999;
    position: relative;
    background-color: #000;
    left: 0px;
    width: 200px;
    display: block;
}

    That will make all sub-navigation items appear on their own line.

    Thread Starter luda2015

    (@luda2015)

    10 years, 5 months ago

    jtleathers- Thank you so much, it worked! I really appreciate it 🙂

    Jonathon Leathers

    (@jtleathers)

    10 years, 5 months ago

    You’re very welcome!

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Dropdown Menu Problems’ is closed to new replies.