Main menu hover background color

Front page Support Forums Tokyo Theme Support Main menu hover background color

This topic contains 1 reply, has 2 voices, and was last updated by  satori 2 years, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #2828


    Is there any way to target the ‘Main menu hover background color’ with css (by parent menu item id maybe?) so the background color can change for each main sub menu? : )
    I also have my logo image placed in a way that overlaps the hovering background bar just a bit and am wondering if it can be made to display behind rather than above the logo?



    Hey Credo,

    the submenus can be coloured in custom colors by using this CSS:

    #menu-item-XX a, #menu-item-XX .sub-menu .submenuline, #menu-item-XX .sub-menu li { background-color: #FFFFFF !important; }

    where “XX” is the id of the menu item (you can look it up by using e.g. Chrome’s built-in code inspector (right-click and choose “Inspect element” on any part of the web page), and #FFFFFF is the hex color of your choice.

    Regarding your second question: could you please provide the URL of the website in question, it is difficult to provide a definitive answer without seeing the code ;)

    Andrii / Satori Studio

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.