Hi,
Thank you for using Master Slider.
Could you please provide me with the link of your website?
I will wait to hear from you.
Best,
Averta
Thanks for the quick response! My website is shewenttospain.com but the post isn’t live yet. If you need to see it though, I can make it live and send another link? Thanks in advance for your help!!
Hi @shewenttospain,
You are very welcome!
I need to check out the slider to figure out the issue. So please make it live and provide me with the link again.
Best,
Averta
Sorry for the delayed response! The live link is http://www.shewenttospain.com/visit-andalucia/
Thank you for your help!
Hi,
It is ok.
Please put the below code on Slider Settings -> Slider custom styles:
@media screen and (max-width: 750px) {
.master-slider {
margin: 0 !important;
}
.ms-slide-info.ms-dir-v {
top: 0;
position: static;
width: auto !important;
padding: 0 20px;
}
.ms-info {
margin-top: 20px;
}
}
.ms-slide-info {
overflow: auto;
height: 100%;
}
Let me know the result.
Best,
Averta
It’s perfect on mobile now! Is there a way to move the left and right arrows out of the way? Also, can I get the same look on desktop? Thanks again!!
Hi,
You are able to delete arrows from Master Slider -> Slider Controls, or enable “Hide arrows when mouse leaves slider” on Arrows Control Options section, like the below screenshot:
http://support.averta.net/en/wp-content/uploads/Arrows.png
Best,
Averta
Hi,
It’s almost perfect! The slide arrows are gone from desktop but not from mobile? If I can remove them from mobile or just move them off the photo and into the black area around the photo, that would be great!
Thank you again for all your help!
Hi,
I checked your slider on mobile and the arrows were not there.
To totally remove arrows from Master Slider -> Slider Controls, by clicking on the trash icon on “Arrows” button.
If I could be of any further assistance, please do not hesitate to ask.
Best,
Averta