Support Center Visit Demo License manager Buy @ envato [Links visible only for registered users]

Image bugged on mobile

noname000noname000
in Theme support
On the bottom of cobury.com mobile version I have 3 blog posts. The two first images are formatted weird and have a different size than the last image, although they are exactly the same size. For some reason the first 2 images get cut off in the sides.

[Links visible only for registered users]

See this image. Notice how the first image is not as wide as the other.

How do we fix this? I tried everything. The images are exactly same size.

Comments

  • PabloPablo
    Hello,
    Can you disable all of the minify/cache/optimize plugins?
    Your CSS code is minified and I cannot edit it in any way :(
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • noname000noname000
    Hello Pablo. I've now paused the cache plugin and cleared everything :) 
  • PabloPablo
    As I see, it's looking great right now.
    One of the plugins made that issue, enable one by one and check, which one is making that issue.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • noname000noname000
    Hi Pablo. The issue was not fixed, it is still bugged. Check on cobury.com from a mobile phone. The error is only on phone. The one image is still much bigger.
  • PabloPablo
    Are you sure that you use the same "Image Size" in the settings of the image item?
    [Links visible only for registered users]

    The last one is having a lot of width and height applied in the html tag.
    [Links visible only for registered users]

    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • noname000noname000
    Yeah, the images are exactly the same size and in the settings we just clicked full size. I could send you login?
  • PabloPablo
    Hey,
    Please send us WordPress dashboard access privately thru the contact form which is on the right side at [Links visible only for registered users] and we will check what might be the reason.
    Notice!
    Please attach a link to this forum discussion.
    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • noname000noname000
    Sent it now, waiting response :) ty!
  • PabloPablo
    As I see, it's working properly now.
    I tested it on S20, S10, iPhone 11 and it works flaweless.

    Can you clear the cache of your browser on mobile phones?
    If it won't work either, please tell me which mobile device you use?

    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • noname000noname000
    edited September 2020
    I tried on a Samsung S10E and a Samsung S10 both don't work. I just texted my friend on an iPhone SE who says the same.

    Are we talking about the same thing? The last image is bigger than the other's. I've tried clearing cache + visiting from phones that never saw the site.

    Could you send a picture from your phone?
  • BryanBryan
    Hey,
    [Links visible only for registered users]

    This is happening because most likely you have set a fixed max width for those images, 307px.
    Please edit each image and check the width window. It should be blank.
    thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • noname000noname000
    Hey ty a lot.

    I just checked, there's no width specified? 

    [Links visible only for registered users]
  • PabloPablo
    How did you upload the .webp image extension? These images on bottom are in that extension which is not acceptable with wordpress.

    I made a screenshot of that image with brown color, uploaded it as a .png and it works fine.
    Thanks
    Learn more: Video Tutorials | How To | FAQ Vote on what comes next
  • noname000noname000
    edited September 2020
    Thanks works now :)
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Neccessary

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

Analytics & Performance

Statistic cookies help website owners to understand how visitors interact with websites by collecting and reporting information anonymously.

Marketing

Marketing cookies are used to track visitors across websites. The intention is to display ads that are relevant and engaging for the individual user and thereby more valuable for publishers and third party advertisers.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.