Cover Image Distortion on Mobile Devices Despite CSS Adjustments

  • Resolved curiousunicorn

    (@curiousunicorn)


    6 months ago

    I’m encountering an issue with the cover image on my WordPress website. While it displays correctly on desktops, it appears distorted or improperly scaled on mobile devices. Despite attempts to adjust the CSS settings, including using the wp-block-cover and custom-cover classes, the problem persists. I’ve tried various solutions found online, but none have resolved the issue. Seeking guidance on how to ensure the cover image displays correctly across all devices.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Tyler Moore

    (@conutant)

    Hello.

    Thank you for your message.

    The default cover block has not many options to set up. Also, by default WordPress doesn’t support media queries for now.

    You can change the image behavior in the cover block using Focal Point or Fixed Background options on the right sidebar in the Block tab, but still the same settings will be on desktop and mobile.

    If you need more help, please contact us via email [email protected]. Please, provide as detailed descriptions as you can in your message. 

    Thank you.

Viewing 1 replies (of 1 total)
  • The topic ‘Cover Image Distortion on Mobile Devices Despite CSS Adjustments’ is closed to new replies.