Tagged: center, menu, search icon
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,
Josue
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) ?
Hey!
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%; }
Cheers!
Yigit
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.