Okay
  Public Ticket #910635
Emoticons on mobile site taking over thumbnail
Closed

Comments

  •  2
    Ayesha started the conversation
    October 4, 2016 at 12:13pm

    Hi

    On the mobile site, if there is an emoticon in the title, it takes over the thumbnail (see attached screenshot) of the item in the masonry portfolio.

    Please see attachment.

    I've removed the emoticon from that post title and then it displays fine.

    Please look into this. This post, for example, still has an emoticon:

    http://www.altamashjaved.com/portfolio/peace-in-commotion-%F0%9F%99%8F/

  •   Ayesha replied privately
  •  8,996
    Tahir replied
    October 4, 2016 at 3:32pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    @media only screen and (max-width: 690px) {
    html body .elastic-portfolio-item .work-item.style-4 .bottom-meta img {
        width: 15px !important;
    }
}

    Thanks

    ThemeNectar Support Team 

  •  2
    Ayesha replied
    October 4, 2016 at 3:39pm

    That worked,  thank you for the quick replies!

    One more emoticon issue: on the desktop site, the emoticons seem to "jump" up, for example if you hover over the second photo (black and white). Screenshot attached, if see the rainbow.

    http://www.altamashjaved.com/

  •  8,996
    Tahir replied
    October 4, 2016 at 3:53pm

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    html body .elastic-portfolio-item .work-item.style-4 .bottom-meta img {
    width: auto !important;
    position: relative;
    right: 0;
    margin: 0px !important;
    top: 0px !important;
}

    Thanks

    ThemeNectar Support Team 

  •  2
    Ayesha replied
    October 4, 2016 at 4:41pm

    Thank you Tahir, that worked like a charm!

    You guys are awesome thanks sooo much! Please mark this as resolved :D