Hi,
Today, I’ve discovered an issue concerning Chrome (Mac). There, the caption of the fullscreen slider on the front page of my website is suddenly at the top of the big image instead of being in the center.
In Safari and Firefox (Mac), the position of the caption is alright.
Please find a screenshot in the private content area.
How can I fix this?
Best regards,
zizibe1
Hey zizibe1,
Please try the following in Quick CSS under Enfold->General Styling:
.avia-chrome .home ul.avia-slideshow-inner .slideshow_align_caption {
padding-top: 25%;
}
Best regards,
Rikard
Hi Rikard,
Thanks for your reply.
Your code could solve the issue.
Thanks again. You can close this topic now.
Best regards,
zizibe1
Hi,
Great, I’m glad that we could help, and thanks for the update. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.
Best regards,
Rikard
Hi Rikard,
Mike was kind enough to reopen this thread for me.
I found another solution to solve the issue and would like to share it. Using the following code, I could correct the position of the caption so that it is back in the center of the image, regardless of the size of the browser window:
.avia-chrome.avia_transform .av_fullscreen .active-slide .avia-caption-title {
padding-top: 45vh;
}
I hope this additional information will be useful to everyone who is reading this post.
Best regards,
zizibe1
Hi Yigit,
Thanks for your reply.
You can close this topic now.
Best regards,
zizibe1