Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 2, 2020 at 5:48 pm #1234653
    Jahrl

    Hi
    I have a few category banner images (for ex. https://torekovs.com/produkter/armband/ and https://torekovs.com/produkter/klocka) and it looks Ok on my desktop. When I’m going to the page via a smartphone I want to change focus on the image from center to right so the persons are in focus behind the text. Does that make sense?

    Any ideas how can I fix this with CSS?

    August 6, 2020 at 6:00 am #1235590
    Ismael

    Hey Magnus,

    Thank you for the inquiry.

    We can use this css code to adjust the position of the background and pull it towards the left so that the subject or person in the image is visible.

    @media only screen and (max-width: 767px) {
    #av_product_description .av-parallax-inner {
	background-position: 100% 50% !important;
    }
}

    Please add it in the Quick CSS field or the child theme’s style.css file.

    Best regards,
    Ismael

    August 6, 2020 at 6:14 pm #1235816
    Jahrl

    Thank you for this! Looks like it’s working on https://torekovs.com/produkter/armband/ so I have to change all banner images so it works both ways… OR can i change the image instead only in mobile view?

    August 10, 2020 at 7:20 am #1236387
    Ismael

    Hi,

    Thank you for the update.

    The css code above should only work on or affect the mobile view, so you don’t really need to use a different image. There is also no option for it in the theme by default.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.