Okay
  Public Ticket #3434726
Hero images alignment on mobile.
Closed

Comments

  •  1
    hendrixx66 started the conversation
    August 11, 2023 at 11:49am

    Hello

    I like the template a lot, great stuff!

    I would like to adjust the hero image constrains inside Portfolio. Because right now is set to center scale and I would like to set it left and top.

    This means that on vertical mobile, I see the center of the hero image. I would like to see the left side.

    Where is that possible?

    Thanks

  •  1,973
    Support replied
    August 11, 2023 at 1:49pm

    Hello,

    if it is about the top hero section in portfolio item pages you can play with the background-position CSS property:

    https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

    and you can set it only for mobile resolutions:

    for example

    @media only screen and (max-width: 767px) {

        #hero-bg-image {
            background-position: 50% center;

        }

    }


    and you can play around with the values (and media breakpoints 767px, 1024px etc)

    Add the code to customizer -> additional CSS

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy