Home Forums Air WordPress Theme Instagram link through to blog post not resizing featured image on mobile

This topic contains 3 replies, has 2 voices, and was last updated by  SeaTheme 11 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #17504

    CJinAU
    Participant
    Purchased

    Hello,

    Do you have any suggestions to fix this?

    When I publish a new blog post, I create a shortened URL using Bitly.com. Then I update my Instagram bio with the link as my “latest post.” When I click that link in my bio using my mobile device (iPhone X) the featured image does not resize. It appears as though it’s magnified in size.

    This only happens when visiting the published post from the link displayed in the Instagram app and only when viewing from a mobile device. On a laptop, the featured image displays correctly and when I visit the homepage of my blog and then open the post on my mobile, the problem does not occur.

    My Instagram profile is http://www.instagram.com/Clayton_WMSSL
    The current link to my latest blog post in my bio is https://bit.ly/2FnZTeG

    Thanks
    Clayton

    #17508

    SeaTheme
    Keymaster
    Purchased
    Supported

    Hi,

    What’s mobile you tested? iPhone?

    Please paste the custom css code to “Appearance > Customize: Additional CSS”:

    body[class*="Safari"] .headding-with-bg.slider-headding,
    body[class*="Safari"] .mask-clip-title .title-wrap-tit,
    body[class*="Firefox"] .headding-with-bg.slider-headding,
    body[class*="Firefox"] .title-masking,
    body[class*="FBview"] .headding-with-bg.slider-headding,
    body[class*="FBview"] .mask-clip-title .title-wrap-tit {
      background-attachment: scroll; 
    }
    body[class*="Safari"] .headding-with-bg.slider-headding,
    body[class*="Safari"] .mask-clip-title .title-wrap-tit { 
      background-position-y: 1px;
    }
    .backgroundcliptext body[class*="Firefox"] .headding-with-bg.slider-headding,
    .backgroundcliptext body[class*="Firefox"] .title-masking {
      background-size: auto auto; 
    }

    Regards!
    Bwsm – uiueux.comTwitterFacebook

    #17512

    CJinAU
    Participant
    Purchased

    Thanks for the reply. Yes, iPhone X running iOS 12.1.2

    I followed your instruction but I get “unable to save due to 1 invalid setting.” There is the option to update anyway “even though it might break the site,” so I didn’t want to proceed with publishing incase it breaks my website.

    In the customise CCS window there are 3 red circles with a cross in them. When I hover over the messages say:

    Line 1: expected IDENT at line 1, col 13
    Line 9: expected IDENT at line 9, col 13
    Line 13: expected IDENT at line 13, col 33

    I don’t know if this is also creating an error but the code on line 11 – background-position-y has turned red.

    Thanks,
    Clayton

    #17520

    SeaTheme
    Keymaster
    Purchased
    Supported

    Please try to paste these codes only:

    body[class*="Safari"] .headding-with-bg.slider-headding,
    body[class*="Safari"] .mask-clip-title .title-wrap-tit,
    body[class*="FBview"] .headding-with-bg.slider-headding,
    body[class*="FBview"] .mask-clip-title .title-wrap-tit {
      background-attachment: scroll; 
    }

    You could add the to style.css (last line) by FTP also.

    Regards~

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

You must be logged in to reply to this topic.

Join Newsletter(FREE)

Subscribe to our newsletter to receive news & updates. We promise to not spam you, super promise!