Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 28, 2021 at 8:38 pm #1318785
    sldeutsch

    Hi –

    I have a content slider on my home page that changes size depending on the amount of text. I would like to make it the same size regardless – so that the content below doesn’t move as the slider moves. I need to do this with separate sizes for desktop and mobile. Also, I have a content slider on my FAQ page that needs the same – but different sizes, of course. And, I would like it to be responsive. Any thoughts??

    Home page: https://tssdevsite.xyz/
    FAQ: https://tssdevsite.xyz/frequently-asked-questions/

    • This topic was modified 3 years, 3 months ago by sldeutsch.
    August 29, 2021 at 10:53 pm #1318861
    Mike

    Hey sldeutsch,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    @media only screen and (max-width: 767px) {
	#top.page-id-2794 .avia-content-slider .slide-entry-excerpt {
    min-height: 320px;
    }
    #top.page-id-2878 .avia-content-slider .slide-entry-excerpt {
    min-height: 245px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) { 
	#top.page-id-2794 .avia-content-slider .slide-entry-excerpt {
    min-height: 200px;
    }
    #top.page-id-2878 .avia-content-slider .slide-entry-excerpt {
    min-height: 130px;
    }    
}
@media only screen and (min-width: 1024px) {
	#top.page-id-2794 .avia-content-slider .slide-entry-excerpt {
    min-height: 180px;
    }
    #top.page-id-2878 .avia-content-slider .slide-entry-excerpt {
    min-height: 105px;
    }    
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

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