Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1427277

    Hello Enfold Team,

    I have four images in my easy slider, and all are exactly the same height and width—however, the height changes when the second image in the slider loads.

    I found another thread on this topic, #436895, which says to add the following CSS:

    ul.avia-slideshow-inner {
    height: auto !important;
    }

    This fixes the easy slider issue; however, this code breaks my fullscreen slider that is above the fold and only has one image. To see what I am talking about, visit https://jamesj173.sg-host.com and click on “the cottages” from the menu before the 2nd image loads.

    As always, thank you for your help.

    -James

    #1427295

    Hi James,

    I checked the link you and I don’t see the height changing specifically on the second image.
    Please try to clear your browser cache or try to check it with a different browser.

    Best regards,
    Nikko

    #1427368

    Hi Nikko,

    I cleared all cache and am using a private browser window, but I am still seeing it. Here is a video of the issue.

    [video src="https://jamesj173.sg-host.com/wp-content/uploads/2023/12/easy-slider-expanding.mp4" /]

    -James

    #1427390

    Hi James,

    I see, thanks for the video recording, I tried it and it does show when you scroll fast but does not show if you scroll a bit slower.
    What happens, if the sidebar width is not changed? I think the change in sidebar which causes the main content to expand results in the issue you mentioned which is expanding of the slider as well and slider height responds to this new width.

    Best regards,
    Nikko

    • This reply was modified 2 months, 2 weeks ago by Nikko.
    #1427500

    Hi Nikko,

    No, the shrinking sidebar is not the issue, as this still happens with a fixed top heading. This has also been reported by other users. I found another thread on this topic, #436895, which says to add the following CSS:

    ul.avia-slideshow-inner {
    height: auto !important;
    }

    This fixes the issue but breaks my fullscreen slider. So I then created my own CSS class, but for whatever reason, it no longer works:

    easy_slider_auto_height {
    height: auto !important;
    }

    -James

    #1427502

    I have changed the URL(getting ready to launch this) so new login credentials are in the private content section, and below is an updated link to the video.

    https://griegosfarms.com/wp-content/uploads/2023/12/easy-slider-expanding.mp4

    • This reply was modified 2 months, 2 weeks ago by nTECHgrate.
    #1427510

    Hi James,

    I have created a test page and posted a video showing how it is triggered (in the video you would see it is the 3rd image that changes in height which is triggered when the sidebar width was changed). However, this is fixed based on the solution you posted, I just tweaked it a bit so it only targets Easy Slider:

    .easy_slider_auto_height ul.avia-slideshow-inner {
        height: auto !important;
    }

    Please review your site.

    Best regards,
    Nikko

    #1427602

    Nikko,

    Thank you for the help. That worked perfectly. You can close this ticket.

    -James

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Easy Slider images are resizing’ is closed to new replies.