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

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 13, 2019 at 2:16 am #17504
    CJinAU
    Participant
    Purchased
    Expired

    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

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    January 13, 2019 at 8:11 am #17508
    SeaTheme
    Keymaster
    Purchased
    Expired

    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.com – Twitter – Facebook

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    January 13, 2019 at 9:59 am #17512
    CJinAU
    Participant
    Purchased
    Expired

    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

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

    January 14, 2019 at 3:28 am #17520
    SeaTheme
    Keymaster
    Purchased
    Expired

    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~

    Icon WordPress Customization Service from $49 Only! Save your expensive time!

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