Hi there I am having trouble with the way caption text and the button are displaying on mobile. There is a large gap between them and the button is nearly off the bottom of the slider image. I want them to be more centered within the image.
Hey xfacta,
Please use the below CSS in Enfold > General Styling > Quick CSS.
/* Easyslider button */
@media only screen and (max-width: 767px) {
.responsive #top .av_slideshow_full .avia-slideshow-button {
/*Your style here */
background: gold !important;
}
}
For more info please check this link.
Best regards,
Vinay
Hi there
Thanks for this but I need to know what settings to change to close the gap between the caption text and the button on the last 2 slides that display on mobile. Are you able to provide me with what code I need to add to close that gap so the button and caption are centred on the image behind them?\\
Cheers
Natasha
Also I need to know how to make the socket social icons and text larger please and also how to add the social icons to the footer widget area
Hi,
The code that Vinay provided you works, where is the problem afterwards?
Best regards,
Basilis