Jump to content


This topic is now archived and is closed to further replies.


Changing menu items background when logo is centered

Recommended Posts


Hi, I followed this post to center logo using it as an item in the menu.  


Now, I just have to figure out 3 things:

1. How to remove the hover on for the logo.  Ideally, I would like to replace the background with an underline, and I can do this with this code, but it applies to everything including the logo (it acts funny: logo in the menu disappears when it is on the current page and then jumps when it is hovered on)
.sf-menu > li > a:hover, .sf-menu > li.sfHover > a, .sf-menu > li.current-menu-item > a, .sf-menu > li.current_page_item > a {
    background:#FFFFFF !important; border-bottom: 2px solid #376092;

2. How to spread the menu items

3. How to just have the logo with the mobile menu activated for mobile use


Thanks for your help! 

Share this post

Link to post
Share on other sites

  • Similar Content

    • margie
      By margie
      Using iBlogPro6 (version 1.2) and WP version 4.0
      I have the following css to make the background color of the current menu item a bit darker:
      #site .navi-right ul li.current-menu-item a {
        background-color: #bbbfc4;   opacity: .7; }
      What I would like to do is put a small downward-pointing icon (arrow) under the list item to identify which item is current.  Any suggestions as to how I would place the arrow centered under the menu item?  The arrow is just a .gif, created in Adobe Photoshop.  Thank you so much for your help.