Hi guys,
The navigation button icon on my mobile site has disappeared. I think this is because I adjusted the General Styling to make some elements white. Is there a way to correct this is CSS? I’d like to make it dark grey #666666
Thank you!
Hi Jasmer!
Please add following code to Quick CSS
#advanced_menu_toggle, #advanced_menu_hide { color: #666666; }
Best regards,
Yigit
Hi Yigit,
That only made the “x” appear after you click it. I still can’t see the icon with the horizontal lines when I first load the page.
Also, I’d like to get rid of the “x” and make that icon the one with the horizontal lines. So both before and after you click the icon should be the same. Any ideas?
Thanks!
Hey!
1- Please try adding !important rule as following
#advanced_menu_toggle, #advanced_menu_hide {
color: #666666!important;
}
Code is currently not being applied.
2- Please see – http://kriesi.at/documentation/enfold/change-icon-used-for-standard-theme-elements/
Regards,
Yigit
Hey Yigit!
1. Thanks!
2. I’m using a child theme so I did the following as explained here. Should have read my own previous post ;)
https://kriesi.at/support/topic/mobile-site-navigation-button/
/*change mobile site close menu icon*/
add_filter('avf_default_icons','avia_replace_close_icon', 10, 2);
function avia_replace_close_icon($icons)
{
$icons['close'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue8a5');
return $icons;
}