Mobile Atlantic theme - slideshow overlapping with other component

dings
Tourist
4 0 1

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!

IMG_3450.jpg

 

0 Likes


@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.

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes

@dings 
in mobile view, your site looks like.Screenshot (53).png

thank you.

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes
dings
Tourist
4 0 1

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

https://thedings.co/

 

dings
Tourist
4 0 1

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

0 Likes

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

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes

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

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes

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.

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes
dmwwebartisan
Shopify Partner
8394 1968 2649

@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!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
Pallavi
Shopify Expert
2354 394 508

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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing