Hey mikschne,
To hide the logo when scrolling down, ensure your logo is in Enfold Theme Options > Header > Transparency Logo
After that, use this code in the General Styling > Quick CSS field:
.header-scrolled .logo img { display: none; }
Best regards,
Mike
Hey Oversberg,
You can change the blue menu button to green by adding this code in your Enfold Theme Options > General Styling > Quick CSS field:
#top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text {
background: #83A846;
border: none;
}
You can add a icon shortcode, or an image HTML code, beside the text on the Navigation Label. For example:
<span class="av-icon-char" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
Best regards,
Mike
Hey Alexander,
If you want a search bar inside the mobile menu, add this in the functions.php file:
add_filter( 'wp_nav_menu_items', 'avf_add_search', 3, 2 );
function avf_add_search( $items, $args ) {
if ($args->theme_location == 'avia')
{
$search = '<li id="menu-item-search-mobile" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-18 current_page_item menu-item-top-level menu-item-top-level-5">'.get_search_form(false).'</li>';
$items = $search . $items;
}
return $items;
}
After that, use this code in the Quick CSS field:
@media only screen and (max-width: 767px) {
#top #searchform>div {
display: block !important;
opacity: 1 !important;
}
}
Best regards,
Mike