Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #705859

    Hi Kriesi,

    On our website (wich is almost ready to go live) there is the search icon in the menu (magnifier).
    If you hover on that icon, the background gets blue-ish just like the other menu items.
    However, the background of the magnifier should be a little wider.

    How would I accomplish this without messing up all the other items as well?

    This:

    .main_menu {
        margin-right: 5px;
    }

    Or this:

    .main_menu {
        padding-right: 5px;
    }

    … does not work obvously :-)

    Thanks in advance.

    (Website details are in the “private section”)

    • This topic was modified 8 years ago by Aerdvark. Reason: Typos
    #705943

    Hey Aerdvark,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    li#menu-item-search {
        width: 35px;
    }
    

    Best regards,
    Jordan

    #706076

    Hi Jordan,

    So simple if you show it like that but so difficult if you don’t know where too look.
    Issue resolved, topic may be closed.

    Regards!

    #706303

    Hi,

    Glad to hear it was resolved!

    Best regards,
    Jordan

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Size of magnifier symbol background editable?’ is closed to new replies.