Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #393237

    Can I add the social icons to the top bar on the mobile menu only

    Adam
    Centrex Business

    #393922

    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

    #400135

    Where to place it?

    #400145

    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…

    #400417

    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

    #403124
    #403480

    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

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.