Deprecated: Function get_currentuserinfo is deprecated since version 4.5.0! Use wp_get_current_user() instead. in /var/www/html/wp-includes/functions.php on line 5383

Main menu hover background color

New Front EN Support Forums Tokyo Theme Support Main menu hover background color

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

    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?
    Thanks!

    #2833
    mmsatori
    Keymaster

    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 ;)

    Sincerely,
    Andrii / Satori Studio

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.