Ona theme absolute position cover on mobile

  • Resolved djordjemedakovic

    (@djordjemedakovic)


    1 year, 8 months ago

    Hello, I have a cover image on my home page and I set it to be fixed background. this works on desktop, but it won’t work on mobile;e (the image has a relative position, and on the tablet also, but even the image is cropped severely. Please advise what to do to fix it. The theme is ONA Version: 1.17.3

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author DeoThemes

    (@deothemes)

    Hi,

    That’s how background-image works, since background-position is set as fixed the image will occupy all available screen height and crop horizontally on mobile since there is not enough horizontal space.

    https://www.w3schools.com/cssref/css3_pr_background-size.php

    You can try disabling fixed positioning and see if it helps.

    Regards.

    • This reply was modified 1 year, 8 months ago by DeoThemes.
    Thread Starter djordjemedakovic

    (@djordjemedakovic)

    I understand about the size. Thank you.

    I still do not understand, so please bear with me. Please address the other issue, I want to have a fixed image position in hero element so I did set fixed background. But it wortks just fine on desktop, and it does not work on mobile. On mobile I just get regularly non fixed position of the background on real phone. (on mobile preview it has fixed position…) I am almost sure that it should be possible to set this background image on cover element to be fixed om mobile as it is on the desktop. Am I wrong?

    Theme Author DeoThemes

    (@deothemes)

    When I check your site on mobile the background-image displays properly. background-attachment: fixed means that the image remains fixed when scrolling down. That’s exactly how it works now.

    Thread Starter djordjemedakovic

    (@djordjemedakovic)

    ok, must be something with my old iphone then. Thank you. BTW, I really like your theme, keep up the good work.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Ona theme absolute position cover on mobile’ is closed to new replies.