Can I add the social icons to the top bar on the mobile menu only
Adam
Centrex Business
Hey Adam!
yeah, try with this code:
#top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {
display: none;
}
@media only screen and (max-width: 989px) {
#top #wrap_all .social_bookmarks, #top #wrap_all .social_bookmarks a, #top #wrap_all .social_bookmarks li {
display: block;
}}
Best regards,
Andy
Where to place it?
nothing on the top bar, just the header and I don’t want to remove the icons from the desktop site. Just move the placement to the top bar when on mobile…
Hey!
Use this:
@media only screen and (max-width: 767px) {
.responsive #header .main_menu ul.social_boomarks {display: block; position: absolute; top: 9px; right: 0;}
.main_menu, #header_main_alternate {display: block;}
.avia-menu.av-main-nav-wrap.av_menu_icon_beside {display: none;}
}
Cheers!
Ismael
Nothing,
Adam
Centrex | PBX | Hosted Phone Service | KAZOO PBX
Hi!
Ismael’s code should have worked. Please try adding !important rule as following
@media only screen and (max-width: 767px) {
.responsive #header .main_menu ul.social_boomarks {display: block!important; position: absolute; top: 9px; right: 0;}
.main_menu, #header_main_alternate {display: block !important;}
.avia-menu.av-main-nav-wrap {display: none!important;}
}
If that too does not help, please create a temporary admin login and post it here privately :)
Regards,
Yigit