Tagged: Fullwidth Easy Slider
Hi there, on my opening screen I have 2 buttons in my fullwidth easy slider – Services / Contact buttons
On the mobile view you can only see half of the service button.
I’m ok with them not showing at all on mobile…can you help me out with either fitting them to the screen or just removing them from mobile?
Is there also a way to move the text down slightly on mobile view? The “YOUR ANSWER TO GOLF COURSE MANAGEMENT” is crammed right to the top of the image on mobile.
Thanks in advance for your help.
Hey BrendaSarg,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-slideshow-button {
display:none!important;
}
Best regards,
Vinay
I feel like you don’t really read my posts, lol.
Again…THIS is what I asked.
“On the mobile view you can only see half of the service button.
I’m ok with them not showing at all on MOBILE…can you help me out with either fitting them to the screen or just removing them from mobile?
Is there also a way to move the text down slightly on mobile view? The “YOUR ANSWER TO GOLF COURSE MANAGEMENT” is crammed right to the top of the image on mobile.”
Hi,
Sorry for the confusion. Adjust the font size of the slideshow caption and the button size with the following css code:
@media only screen and (max-width: 767px) {
.responsive #top .slideshow_caption h2 {
font-size: 12px !important;
margin-top: 10px;
}
#top .avia-slideshow-button {
padding: 6px 8px !important;
margin: 0 5px 0 0;
min-width: 100px;
}
}
Best regards,
Ismael
Thank you!