White object mobile slideshow

Solved
Hellocartier
Tourist
3 1 2

Hey!

 

how can i remove this white space at the slideshow? 

Site: inmis.myshopify.com

password: hellohello123

FA09C121-357E-4BB6-92D7-F7D0E1F6C001.png

0 Likes
dmwwebartisan
Shopify Partner
5841 1337 1714

@Hellocartier 

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

@media only screen and (max-width: 749px){
.index-section--slideshow + .index-section--flush {margin-top: -1.6rem !important;}
.slideshow__text-wrap--mobile {top: 0 !important;}
}

Hope this works.
Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes

This is an accepted solution.

Hello,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.css

@media only screen and (max-width: 749px){
.slideshow__text-content.slideshow__text-content--mobile.slideshow__text-content--mobile-active.text-center {
    padding-top: 0px !important;
}
.slideshow__text-wrap.slideshow__text-wrap--mobile {
    background-color: transparent;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Hellocartier
Tourist
3 1 2

I have another question: how can I remove the things in the red circle

 

inmishome.png

dmwwebartisan
Shopify Partner
5841 1337 1714

@Hellocartier 

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

@media only screen and (min-width: 750px){
.cart-popup { display: none;}
}

Hope this works.
Thanks!

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes

Add this css

@media only screen and (min-width: 750px){
.cart-popup-wrapper.cart-popup-wrapper--hidden.critical-hidden {
    display: none;
}
}
If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
Hellocartier
Tourist
3 1 2

This is an accepted solution.

doesn't work unfortunately.

I think I've removed/added something to the edit code, and that's why that thing shows up

This is an accepted solution.

Replace above code with

 

@media only screen and (min-width: 750px){
.cart-popup-wrapper.cart-popup-wrapper--hidden.critical-hidden {
    display: none !important;
}
}

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87
0 Likes
dmwwebartisan
Shopify Partner
5841 1337 1714

This is an accepted solution.

@Hellocartier 

Please add without media like this but remove old code & add new code 

.cart-popup { display: none !important;}

 

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes