I have a problem with fixing cover images on smartphones.

  • Resolved kudorollin

    (@kudorollin)


    4 years, 2 months ago

    Hello. Thank you for the great plug-in. I have not been concerned with WordPress for 10 years but this plug-in helped me understand modern WP especially Gutenberg, reduce my burden, and build new websites!

    I have fixed some images put on cover blocks from scrolling but they scroll when I browse my site with my smartphones. Some people say that we should use “position: fixed;” instead of “background-attachment: fixed;” for enabling fixing on both PC and smartphones. This plug-in seems to use “background-attachment: fixed” and I think it might be a cause of my problem.

    Would you please modify this problem, or am I wrong?

    https://www.ads-software.com/support/topic/background-image-is-fixed-but-moves-on-mobile/
    https://web.runland.co.jp/blog_cate2/post-3558 (Sorry, Japanese)

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

Viewing 1 replies (of 1 total)
  • Plugin Author Twentig

    (@twentig)

    Hi @kudorollin,

    Thanks for your feedback and kind words.

    For the fixed cover image, both the Twenty Twenty theme and the WordPress block editor use background-attachment: fixed. This property is replaced on mobile by background-attachment: scroll. Otherwise, the image would appear zoomed in and blurry because mobile browsers have issues with this property.

    Unfortunately, the CSS code suggested can’t work with the WordPress Cover block.

    Have a nice day.

Viewing 1 replies (of 1 total)
  • The topic ‘I have a problem with fixing cover images on smartphones.’ is closed to new replies.