Viewing 2 posts - 31 through 32 (of 32 total)
1 2
  • Author
    Posts
  • August 5, 2020 at 7:17 pm #1235499
    Eleina_Shinn

    Hi:

    I used your styling code to make the height of the fullwidth easy slider larger on mobile and tablet, so the text and the button will fit. I just wondered, is there a way to prevent the slide image from stretching out with the height? If not, can probably live with it – looks fine on tablet, but stretched high on mobile. Here’s the code I used:

    /*SLIDER ON MOBILE & TABLET ADJUST HEIGHT TO FIT CONTENT */
    @media only screen and (max-width: 768px) {
    #full_slider_1 .avia-slideshow-inner, #full_slider_1 img{
    height: 350px !important;
    }
    }

    Site is here: https://0a37a07f99.nxcli.net/

    August 7, 2020 at 4:59 am #1235911
    Rikard

    Hi Eleina_Shinn,

    If you alter the height with CSS like that, then it will skew the image a bit unfortunately. But you could try with different heights to see what looks good and what doesn’t maybe? If you need to target tablet/mobile/small mobile screens then you can use media queries like this:

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
  For tablets
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  Large phones
}

@media only screen and (max-width: 479px) {
  Small phones
}

    Best regards,
    Rikard

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