Hi,
in my website page https://easyzanzibar.com/alloggi-zanzibar/ I have picture slides and I set up arrows for scrolling them.
On desktop version I see arrows. On mobile version arrows disappears. I can’t see them. I’d like to see arrows also in mobile version.
Hi soniavoice,
Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.responsive #top .avia-slideshow-controls a {
display: block;
}
}
Best regards,
Rikard
Nothing is changed. Slides picture can scroll but I can’t see arrows on them in mobile version.
Hi,
Please change the code to following one
@media only screen and (max-width: 767px) {
.responsive #top .avia-slideshow-controls a {
display: inline-block;
opacity: 1;
}}
Best regards,
Yigit
Now it’s ok. I can see arrows on picture if I push on it. Is it possible to show arrows smaller on mobile and to show them when page is loaded and not only if I touch on picture?
Hi,
Code is not being applied. Could you please share WP admin logins here privately so we can look into it?
Best regards,
Yigit
Hey,
I went to Enfold theme options > Performance and disabled CSS file merging and compression, saved, enabled and saved again and that helped. Please review your website :)
Regards,
Yigit
Thanks now it’s perfect! Great :)
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon