Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 23, 2024 at 10:26 am #1462754
    Jak73

    Hi,
    i’m trying to make my this page responsible for smaller screen size.
    I added an image with some other elements.
    On my larger screen it looks nice, but on my laptop the image and the other elements on this page get cut of.
    How can i fix it?
    kind regards
    Jak

    July 23, 2024 at 11:15 am #1462760
    Ismael

    Hey Jak73,

    Thank you for the inquiry.

    You may need to set a maximum height for the image on smaller screens. Please try this css code:

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

  /* Add your Mobile Styles here */
  .avia-image-container.av-lyy4hw96-14d4598bbbae6a600bb36d5d8e5e1681 img {
    max-height: 300px;
    width: auto;
  }
}

    How do you plan to implement the functionality for the navigation you created manually? As we mentioned in the previous thread, you might be better off using gallery, slider, or layer slider elements that are readily available in the theme instead of manually building this gallery or slideshow.

    Best regards,
    Ismael

    July 23, 2024 at 11:48 am #1462763
    Jak73

    Hi Ismael,
    thank you. How can i add a class to it, to select specific pages?
    kind regards Jak

    July 23, 2024 at 6:20 pm #1462787
    Rikard

    Hi,

    You can target it like this instead, if you want to use your own class:

    .avia-image-container.your-custom-class img

    Best regards,
    Rikard

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