Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 14, 2018 at 2:42 pm #1021209
    lilijabula

    Hi Team,

    My social icons don’t appear neither in header, nor in the the footer area of the site on mobiles.

    I tried to fix the issue by applying the following codes from your previous answers, but none of them seems to be working.

    @media only screen and (max-width:479px) {
    #top #header #avia-menu {
    position: absolute;
    top: -70px;
    left: 260px;
    }
    }

    @media only screen and (max-width: 767px){
    .responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header .social_bookmarks {
    display: block!important;
    }}

    @media only screen and (max-width: 479px) {
    .responsive.html_header_top #header_main .social_bookmarks {
    display: block !important;
    position: static;
    }
    }

    @media only screen and (max-width: 479px) {
    ul.social_bookmarks {
    display:block !important;
    }
    }

    @media only screen and (max-width: 767px) {
    .responsive #header .main_menu .social_bookmarks {
    display: block!important;
    position: absolute;
    }}

    Could someone help me to figure this out please?

    Thank you!

    Lilija

    October 14, 2018 at 3:33 pm #1021223
    Mike

    Hey lilijabula,
    Please try this code in the General Styling > Quick CSS field:

    /*show social icons on mobile*/@media only screen and (max-width: 479px) {
.responsive #top #wrap_all #header .social_bookmarks {
  display: block !important; 
}
.responsive #top #wrap_all #header_main .av-logo-container .main_menu .noLightbox.social_bookmarks {
display: block !important;
}
}

    Best regards,
    Mike

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