Hello,
I got the code below from this topic just a few moments ago: https://kriesi.at/support/topic/easy-slider-caption-alignments/
@media only screen and (max-width:767px) {
.responsive #top #wrap_all .container {
width: 100%;
max-width: 100%;
}
}
And I found a problem with the code above: the contents are now all in full width, without any spaces on left/right.
The code above fixes the captions positioning (bottom left) but it ruins the layout.
Is there any solution to leave the layout width as is, and just align the captions?
Thank you
Hi,
Page in private content field cannot be found. Could you please post a link to your page again and point out the changes you would like to make? I checked your page on another thread and it seems like caption is fullwidth and page content is not so I am not sure if I understood correctly :)
Cheers!
Yigit
Hi Yigit, thank you for your help. Much appreciated.
Please find the new link in private
The only thing missing is the caption on the fullwidth slider on mobiles. It is not aligned to the bottom-left as it is in all other devices.
Hi,
Please use following code instead
@media only screen and (max-width: 767px) {
#top .av_slideshow_full .container.caption_container {
width: 100% !important;
max-width: 100% !important;
}}
Cheers!
Yigit
Hi Yigit!
It’s always a pleasure to have your help here :)
Spot on! This did the trick!
Allow me just a few days to confirm that it didn’t affect anything else on the website like before, but I think this is it.
Thanks a million.