How to change color and position of my sub-menu

  • Hi, this is my website: https://www.tinypincshop.com

    If you hover over my menu: Shops > Online Shops (Malaysia)
    You can see that the sub-menus for Online Shops (Malaysia) is very awkward in position and I would like to change the background color for the sub-menus to be lighter in color… How do I do that? thanks!

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

  • Hey,
    You are adding this css:

    ul.sf-dropdown-menu {
    margin-top: -15px;
}

    Guessing what your wanting I would suggest you change to this css:

    .sf-menu > li > ul.sf-dropdown-menu {
    margin-top: -15px;
}

    For the background use this css:

    .sf-menu ul {
    background: white;
}
.none-trans-header .kad-primary-nav ul.sf-menu ul li a, .trans-header .kad-primary-nav ul.sf-menu ul li a {
    color: black;
}

    Kadence Themes

    Thread Starter tinypinc

    (@tinypinc)

    Thank you so much ??

    But I was hoping to make
    “online shop(malaysia” and “cart” different colors…
    Is it possible to do so? ??

    What color? You just want cart that menu item to be a different color?

    Kadence Themes

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to change color and position of my sub-menu’ is closed to new replies.