Some background images are trimmed in certain mobil devices

  • Resolved Federico Sayv

    (@federico-sayv)


    9 years, 10 months ago

    Hello.

    On the homepage, working with RAW and widgets Some background images are trimmed in certain mobile devices.

    The same happens in the Chrome browser. The background images are cropped or not look good. They freeze. Do not look complete.

    Before the latest update did not have that problem in Chrome But if in mobile devices.

    Any suggestions?

    cafefincasantamonica.com.mx

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hello,

    It has nothing to do with the update. It’s caused by your carousel plugin on the first row which activates a bug in Chrome related to background images.

    Thread Starter Federico Sayv

    (@federico-sayv)

    True, you’re right.

    Meta Slider Plugin is the cause of that error with Chrome,

    But in some mobile devices (small screen) background images are cut even without the Meta Slider plugin installed.

    Any suggestions to resolve this on mobile devices?

    THX!

    They’re not actually cut. They are simply not big enough in height to cover your whole section.
    I think the best way would be to remove them on small screens. Would you want that?

    Thread Starter Federico Sayv

    (@federico-sayv)

    Hello vladff

    Yes, I would like to do that…

    How would I do?

    THX.

    Something like this (and change 320 to the mobile size you want to target):

    @media (max-width: 320px) {
    .panel-grid-cell section,
    .panel-row-style  {
        background: none !important;
    }
}

    Thread Starter Federico Sayv

    (@federico-sayv)

    Thank you so much!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Some background images are trimmed in certain mobil devices’ is closed to new replies.