How do I move the slider banner arrows below image on mobile view (iphone 12 pro max view)

Emurph35
Excursionist
36 0 13

Hello 

can someone help me to move the slider arrow down so they are not overlapping the banner image on mobile view (iPhone 12 pro max screen size) 

it currently looks like this

 

E22230A1-33E7-4EEB-A9BA-C0AE0E61A5B3.jpeg

 

URL is https://now-lashes.myshopify.com/  Password is Thoffo 

 

Thank you 

 

kamala-dulal
Excursionist
38 0 5

go to theme.scss.liquid,

 search for .slideshow__arrows--mobile

add margin: 20px;

 

0 Likes
KetanKumar
Shopify Partner
20470 2116 7718

@Emurph35 

sorry for that issue can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (max-width: 749px) {
.slideshow__text-wrap--mobile {
    top: 0px;
}
.slideshow__arrows--mobile~.slideshow__text-content--mobile {
padding-top: 0;
    margin: 0;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes