Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #193660

    When I try to center the menu with the search icon off, it still seems to hold a place for it. How can I remove the search icon alltogether, or at least make it so I can center the menu 100%


    Hi Michae1!

    To disable the search icon, uncheck this option in Enfold > Header:

    Best regards,


    Hi Josue,

    I’ve already done that, I’m just having trouble centering the whole menu, and it seems like there’s a “placeholder” space that is kept, when the search option is disabled. Did you watch the screencast I posted?

    What CSS would I change to completely center the menu (after disabling the search icon) ?



    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired

    .bottom_nav_header.social_header .main_menu, .bottom_nav_header.social_header .main_menu { width: auto; float: none; left: 35%; }



    This is just the strangest thing. Your code “kinda” centers the menu. Basically it takes the left most point of the menu, and centers THAT :\ However setting the percentage to 4% seemed to do the trick.

    I DO still see the “placeholder”space where the search icon would be if it was turned on, when I look at the div in Chrome’s Dev Tools, and I’d rather remove that entirely. But I guess this is a good workaround for now. Thanx.

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

The topic ‘Center Menu without Search Icon’ is closed to new replies.