Main menu dropdown width

  • david88

    (@davidsmalley88)


    3 years, 9 months ago

    Hi!

    I would like to increase the menu width so my dropdown list only displays on a single line per dropdown menu item.

    Is it possible to fix this with custom CSS?

    Also I am trying to change the hover colour to the same as the hover cover of the main menu, can you advise how to change this also?

    Thanks!

    The page I need help with: [log in to see the link]

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

    (@abhikr781)

    3 years, 9 months ago

    Hello,

    Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

    #site-navigation .dropdown-menu ul li.menu-item {
    min-width: max-content;
}
#site-navigation#site-navigation .dropdown-menu ul li a.menu-link:hover {
    color: #2b2bea;
}

    PS- Change the color code according to need.

    Thread Starter david88

    (@davidsmalley88)

    3 years, 9 months ago

    Thanks, the code worked for both issues!

    Abhishek

    (@abhikr781)

    3 years, 9 months ago

    Glad to hear that solution worked well.😊

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

The topic ‘Main menu dropdown width’ is closed to new replies.