Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #1137632


    I have a secondary menu and social media icons added to the top bar, but the social media icons disappear on mobile. I added the following code after reading this thread:

    @media only screen and (max-width: 990px) {
    .responsive.html_mobile_menu_tablet #top #header #header_meta .social_bookmarks {
        display: block !important;
        text-align: right !important;

    This made the social media icons visible, but pushed the secondary menu underneath. I would also like the secondary menu aligned right instead of centered. Basically, I would like it to look exactly the same on mobile as it does on the desktop. Any ideas about what code I need to add to make this happen? Thanks for your help!

    • This topic was modified 4 years, 9 months ago by MJM.

    Hey Kirstie,

    Please try this CSS as well:

    @media only screen and (max-width: 767px) {
    .responsive #header .social_bookmarks {
        width: auto;

    Best regards,


    Thank you! That got everything on one line. Is there a way to right align the “Make a Payment” link?




    Add this to quick css:

    @media only screen and (max-width: 767px){
    .av_icon_active_right .social_bookmarks{

    Best regards,
    Jordan Shannon


    That did the trick! Thanks so much!



    No problem at all. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Show Social Media Icons in Top Bar on Mobile’ is closed to new replies.