Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 13, 2022 at 10:28 pm #1364962
    virtualbis

    Hi,
    The page in question has 3 product sliders and there seem to be a few different heights. How can we adjust this so they are the same? If we don’t every below it keeps moving up and down depending on the slider height.

    Home2

    September 14, 2022 at 7:16 pm #1365036
    Mike

    Hey virtualbis,
    Thanks for the link to your site, out of the three sliders most have a height of 385px, and one is 402px so try using this css to set the minimum height to 402px:

    #top .avia-product-slider-container {
	min-height: 402px;
}

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

    Best regards,
    Mike

    September 14, 2022 at 9:23 pm #1365048
    virtualbis

    makes sense. From there I got it to work with the following:

    #top .inner_product{
    min-height: 520px;
    }

    September 15, 2022 at 1:10 am #1365054
    Mike

    Hi,
    Glad to hear this helped you move your project forward, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Product Slider not the same height for each product’ is closed to new replies.