Mobile Debut view theme - sections overlapping with each other

Solved
SagarSukhanandi
Explorer
154 26 42

Hello @Inesso 

Here is the simplest solution
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px){
.slideshow__text-wrap--mobile {
top: 0rem !important;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
KetanKumar
Shopify Partner
15811 1755 5829

@Inesso 

can you please add this code to this file

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: 0 !important;}}

 After This code result

KetanKumar_1-1614663091595.png

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Inesso
Explorer
66 1 12

Hi @KetanKumar 

Thank you for your reply - I've added the code as suggested (see screenshot) but it is not working (additional screenshot) 

 

Do you have any other advice?

 

Best

 

Screenshot 2021-03-02 at 17.41.40.png

Screenshot 2021-03-02 at 17.40.58.png

  

0 Likes
Inesso
Explorer
66 1 12

Hi @SagarSukhanandi 

I have tried pasting this code as suggested  (see attached screenshot below) but unfortunately the result is the same - do you have any other suggestions? 

Thanks! 

Screenshot 2021-03-02 at 17.46.17.png

Screenshot 2021-03-02 at 17.45.51.png

  

 

 

 

0 Likes
SagarSukhanandi
Explorer
154 26 42

This is an accepted solution.

Hello @Inesso 

Follow below step

1.Find and remove below line of code from your css

 top: -1.1rem;

 Capture.PNG

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on sagar.sukhanandi@gmail.com regarding any help
Inesso
Explorer
66 1 12

@SagarSukhanandi - amazing! This has worked 0 thank you so much! 

0 Likes