-
Posts
-
hello, is it possible to move the search box to the top menu (see image) to the right side of the menu-item “Contact” ?
Hey jelle,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
Basilisok , thanks…
lets forget about the searchBOX than.
but the searchICON, can this be moved to the upper right corner, next to the word menu?Hi yampieters,
I would say you need to change your menu, the menu is too long, maybe it is better to have less top level menu items and more sub-items. Then there will be space for the search.
Best regards,
Victoriahello victoria
but…if youll have a look a the screenshot…
the menu im talking about is the top one: home | achtergrond | waar vind ik | contact
is this menu there is plenty of room.
at the right of the word ” contact” , if we’d move this menu to the left, there would be space , would it not?
is it possible to get some icon here for searching?best regards, jelle vanhijfte
can you try this in your functions.php of your child-theme:
this filter you will only need if you havn’t got a secondary menu or social media – so there will be no header-meta
add_filter( 'avf_execute_avia_meta_header', '__return_true', 10, 1);for you this will be enough i think:
add_filter( 'avia_meta_header', 'avia_append_search_nav_mod'); function avia_append_search_nav_mod() { global $avia_config; ob_start(); get_search_form(); $form = htmlspecialchars(ob_get_clean()) ; $items .= '<li id="menu-item-search" class="noMobile menu-item menu-item-search-dropdown menu-item-avia-special"> <a href="?s=" data-avia-search-tooltip="'.$form.'" '.av_icon_string('search').'> <span class="avia_hidden_link_text">'.__('Search','avia_framework').'</span> </a> </li>'; echo $items; }Edit: i see it has on header meta a list-point so add this to your quick css:
#top #menu-item-search { list-style: none; }hello, i took a while but i ‘ ve finally tried it out.
its true the searchfield goes up, but some things stille went wrong: (see image)1. the ‘old’ searchfield and icon stayed in its place , so you got two of them
2. the code:
#top #menu-item-search {
list-style: none;
}
didnt do nothinghow to get it right?
hello Victoria, ok, ive deleted the cache and deactivated the Minify plugin.
also disabled merging and comression (was disabled anyway).Hi yampieters,
Looks like the search is added to the regular menu not the menu that you intended. Is this the place where you wanted?
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
VictoriaHello Victoria
see image and see below
https://jmcwebdesign.nl/wp-content/uploads/2018/09/loep.jpg
thanks!
Hi yampieters,
Please check the website, I adjusted the code and the css for you. Is this what you were aiming for?
Best regards,
VictoriaHello Victoria, thanks a lot, its looking good.
Only one thing: as soon as i deactivate the Better WordPress Minify Plugin, the glass is appearing in blue color square again!
as soon as i turn the Better WordPress Minify Plugin off, its perfect.
these things are related i suppose.
Will this mean i can not longer use a minifying plugin?Hi,
I just tested your website and the search bar styling seems to be correct even if the Better WordPress Minify Plugin is disabled. Please try to clear your browser cache and check the website again.Best regards,
Peter
- You must be logged in to reply to this topic.