Mobile Atlantic theme - slideshow overlapping with other component

[dings]

Hi All,

My store is www.thedings.co - On mobile view the slideshow section is overlapping with my product section. I do not know how to fix it - can anyone help me with this issue, please?

Thanks!

[Zworthkey]

@dings 
Sorry, you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[dings]

Hi thank you for your reply, here is my store URL

https://thedings.co/

[Zworthkey]

you have to need to fix it out.
or either we will help you to fix it out.

[Zworthkey]

@dings 
in mobile view, your site looks like.

thank you.

[dings]

Yes, that is what I facing right now. May I know what can I do to fix the issue?

[Zworthkey]

if you are a developer then you can fix it.
if you are not then it's not possible.

[Zworthkey]

Use this code in theme.css or theme.scss

@media only screen and (max-width: 600px){
.home-section.has-border>.section-title {
    padding-top: 440px;
}
}

I hope it will work for you.
thank you.

[dmwwebartisan]

@dings 

 Please add the following code at the bottom of your assets/theme.scss.liquid file. 

@media (max-width: 719px){
.home-section { display: inline-block;}
}

Thanks!

[ZestardTech]

Hello

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

@media only screen and (max-width: 749px){
.home-section.has-border>.section-title {
    padding-top: 500px;
}
}

[dings]

Hi, thank you for solving the issue. The mobile view looks much better now. May I know how can I fix the slideshow photo just to one at one time? My website can be sliding to the left and right when I scroll.

https://thedings.co/

I copied this photo from zworthkey shopify partner

[Zworthkey]

too much issues in your mobile view you have to fix it.

[Zworthkey]

please contact us. on mail via