• sabasa

    (@sabasa)


    Hi. Just wondering if anyone can help me with this hero section that has two alternating images set to fullscreen. It works well on large screens, mobiles and vertical tablets. But the top and bottom cuts off on short horizontal screens like laptops, horizontal tablets etc. Is there any way I can make the images show starting from the top in all screens so her face always shows … and not just being dead center so her head is cut off on horizontal screens?

    Tried playing around with adding this additional css, but it doesn’t work:

    .hero-slideshow-wrapper, .hero-slideshow-fullscreen
    {background-position: top center;}

    Link: http://www.chekakatenen.com/site/

    Many thanks!

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

Viewing 1 replies (of 1 total)
  • Theme Author FameThemes

    (@famethemes)

    Hi @sabasa

    I see your problem. But the hero slide is an image tag, not background image attribute so it is impossible to use the background position or bg size.

    In this case, I recommend you use a different image to have a better display.

Viewing 1 replies (of 1 total)
  • The topic ‘background image cut off’ is closed to new replies.