Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 19, 2018 at 7:42 am #1011642
    Wisith

    Hi,

    How can I have the social media buttons be shown while viewing in mobile devices? It shows on desktop, but not on mobile. My website is http://www.WisithJ.com

    • This topic was modified 5 years, 11 months ago by Wisith.
    September 19, 2018 at 7:55 am #1011649
    Dude

    Hey Wisith,

    Please add this code to the quick css field to show them:

    
@media only screen and (max-width:479px) {
.responsive #top #wrap_all #header .social_bookmarks, .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
}
}

    Best regards,
    Peter

    September 19, 2018 at 8:10 am #1011652
    Wisith

    Hey Dude,

    I inserted the code. I have another code that I am using for anchor so I put yours below it. Is that OK? I don’t want the two codes to mess with each other? Right now it looks like this:

    a#scroll-top-link, a#scroll-top-link:hover {
    background-color: black!important;
    }

    @media only screen and (max-width: 767px) {
    .responsive #scroll-top-link {
    display: block !important;
    }
    }

    • This reply was modified 5 years, 11 months ago by Wisith.
    September 19, 2018 at 9:41 am #1011689
    Ismael

    Hi,

    Yes, you can put it below the existing css codes. Generally, css media queries are placed at the very bottom of the stylesheets but it’s still up to you.

    Best regards,
    Ismael

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