New Landing How can we help? Themeforest Theme Support Joyn Social Grid overlay on mobile

Viewing 8 posts - 1 through 8 (of 8 total)
  • Posted in: Joyn
  • #139867
    Mike Mancini
    Member
    Post count: 143

    I have a problem on mobile when scrolling through the Social Grid/Instagram section. Every time you touch the screen to scroll the SG overlay comes on and the pic looks awful. I need to turn off the overlay (keep the text and instagram icon) on mobile only. BTW the theme is awesome!

    -Thanks

    #139890
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Hi

    Try adding this to your custom css:

    @media only screen and (max-width: 767px) { 
    .blog-grid-items .instagram-item:hover .inst-overlay {
      background: transparent!important;
    }
    }

    – Kyle

    #140130
    Mike Mancini
    Member
    Post count: 143

    Hi Kyle,

    That seems to work but I am getting a caution in custom css (see pics).

    -Thanks

    Attachments:
    You must be logged in to view attached files.
    #140147
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Ignore that, it’s just the editor. It’s not recommend to use !important when you don’t need to, however in this case you need it

    – Kyle

    #140161
    Mike Mancini
    Member
    Post count: 143

    Thanks Kyle! Also why the double }} at end?

    #140271
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    One’s to close the media query and the other is to close the CSS rule

    – Kyle

    #140469
    Mike Mancini
    Member
    Post count: 143

    -Thanks

    #140653
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register