I would like to get the magnifier glas beside the facebook social icon. Of cause i can make it with css. But with css only, it will still be part of the av-main-nav. I searched a lot about a solution, bit all talk about removing, instead of moving from one container to another.
Would be great if someone could help.
Hey tatek,
Please have a look at the solution posted here
https://kriesi.at/support/topic/search-icon-to-the-right-of-social-media-icons-instead-in-main-menu/
If you need further assistance please let us know.
Best regards,
Victoria
Hi Victoria, thank you. Unfortunately with that kind of modification the search will disapear at all. Even if i change from header_top to header_main cause top does not exist.
Thank you,
kind regards
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
@media only screen and (min-width:998px) {
#top #menu-item-search {
position: absolute;
top: -80px;
right: -40px;
}}
Result:
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
Vinay