Is there a way to have control of the mobile menu icon’s horizontal position? I’d like to align it the right of the site when the responsive layout is at it’s narrowest ..
Thanks very much guys :)
Hey evtilsley!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
@media only screen and (max-width: 480px) {
a#advanced_menu_toggle {
position: fixed;
right: 0;
top: 35%;
}}
Best regards,
Yigit
Hmm it’s not quite working out – not your fault (!) there’s just too little space with the logo. It’ll never work.
So how about.. is there a way not to show the social/email icons when the responsive layout is at its smallest?
Thanks heaps :)
Hi!
Sure, please add following code to Quick CSS instead
@media only screen and (max-width: 480px) {
#header_main .social_bookmarks { display: none !important; }}
Best regards,
Yigit
Hey!
You have following code in Quick CSS
@media only screen and (max-width: 989px) {
.responsive .av_mobile_menu_tablet .main_menu, .responsive #header .main_menu ul {
display: block !important;
}}
Please change it to following one
@media only screen and (max-width: 989px) and (min-width: 480px) {
.responsive .av_mobile_menu_tablet .main_menu, .responsive #header .main_menu ul {
display: block !important;
}}
Regards,
Yigit
Perfect :)
thanks Yigit !