Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #814859

    Hi there

    I have added this code to make sure that the captions and button I have on the images still show on mobile. However on the homepage I have used a fullscreen slider and it has shrunk that down and I don’t want it to. Could you please advise if there is a way/change to the below code that I could use to only affect the fullwidth easy slider’s and NOT the fullscreen slider.

    /*Change how captions and button display on mobile for full width slider*/
    @media only screen and (max-width: 768px) {
    .avia-slideshow-inner, .avia-slideshow-inner img {
    height: 210px !important;
    }
    }

    .avia-slideshow-inner img {
    min-width: 768px !important;
    }
    }

    #815130

    Hey xfacta,

    Can you try adding the class avia-fullwidth-slider?

    .avia-fullwidth-slider .avia-slideshow-inner, .avia-fullwidth-slider .avia-slideshow-inner img {
    YOUR CODE
    }

    (For reference, the full screen slider has the class avia-fullscreen-slider.)

    Let us know if you need further help!

    Best regards,
    Sarah

    #815669

    Thank you :)

    #815689

    Hi,

    I’m glad Sarah’s solution was able to help you. If you need anything else, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change how captions and button display on mobile for full width easy slider only’ is closed to new replies.