![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
-
AuthorPosts
-
December 6, 2023 at 12:55 am #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
December 6, 2023 at 4:13 am #1427295Hi 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,
NikkoDecember 6, 2023 at 5:44 pm #1427368Hi 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
December 7, 2023 at 3:47 am #1427390Hi 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 9 months ago by
Nikko.
December 8, 2023 at 1:12 am #1427500Hi 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
December 8, 2023 at 1:15 am #1427502I 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 9 months ago by
nTECHgrate.
December 8, 2023 at 1:56 am #1427510Hi 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,
NikkoDecember 8, 2023 at 7:12 pm #1427602Nikko,
Thank you for the help. That worked perfectly. You can close this ticket.
-James
-
This reply was modified 9 months ago by
-
AuthorPosts
- The topic ‘Easy Slider images are resizing’ is closed to new replies.