White space under slideshow refresh theme

Solved

White space under slideshow refresh theme

sluggsounds
New Member
7 0 0

I'm having an issue where there is a white space under my slideshow (only visible on mobile).

I've tried some of the solutions listed to deal with the issue, but when I got to assets there is no theme.liquid section to choose from. I tried adding the code under the theme section but still no luck. Please help

Accepted Solution (1)
techDynasty
Shopify Partner
69 11 13

This is an accepted solution.

@sluggsounds add the code 

>> From your Admin panel, click Online Store > Themes >Actions > Edit code
>> find and open the base.css file
>> Paste the code below at the very bottom of the file.

 

@media screen and (max-width: 749px){
.banner--mobile-bottom:not(.banner--stacked) .banner__content {

    display: none !important;
}
}
> Was my reply helpful? Click Like to let me know!
> Was your question answered? Mark it as an Accepted Solution!
For more Shopify Solutions and custom codes feel free to contact me on techdynastybd@gmail.com"
Buy Me a Coffee

View solution in original post

Replies 11 (11)
sluggsounds
New Member
7 0 0

sluggsounds.com 

thank you 🙏

sluggsounds
New Member
7 0 0

no not the first slideshow. slideshow towards the bottom

sluggsounds
New Member
7 0 0

unnamed.jpg

techDynasty
Shopify Partner
69 11 13

@sluggsounds Do you mind if you share the product URL. Also if it is password protected  then share the pass. If you have issue to share the pass , you can share the pass in my inbox.

> Was my reply helpful? Click Like to let me know!
> Was your question answered? Mark it as an Accepted Solution!
For more Shopify Solutions and custom codes feel free to contact me on techdynastybd@gmail.com"
Buy Me a Coffee
sluggsounds
New Member
7 0 0

its unlocked for now until somebody can help me solve this issue

techDynasty
Shopify Partner
69 11 13

This is an accepted solution.

@sluggsounds add the code 

>> From your Admin panel, click Online Store > Themes >Actions > Edit code
>> find and open the base.css file
>> Paste the code below at the very bottom of the file.

 

@media screen and (max-width: 749px){
.banner--mobile-bottom:not(.banner--stacked) .banner__content {

    display: none !important;
}
}
> Was my reply helpful? Click Like to let me know!
> Was your question answered? Mark it as an Accepted Solution!
For more Shopify Solutions and custom codes feel free to contact me on techdynastybd@gmail.com"
Buy Me a Coffee
sluggsounds
New Member
7 0 0

That worked. Thank you s‌o much  :folded_hands: 

lashxtra
New Member
9 0 0

i have the same issue however this did not work 

Tahir79
Visitor
2 0 0

Hi, I seek the same solution, and it worked, however, the active button (shop now, example) disappeared from mobile version. Is it possible to solve it ?

 

Denishamakwana
Shopify Partner
1408 173 232

Please add below css code in bottom of assets/base.css file

@media screen and (max-width: 749px)
.banner--mobile-bottom .slideshow__text.banner__box {
                padding: 0;
}
Thank you.
If helpful then please Like and Accept Solution. Want to modify or custom changes on store Hire me. Feel free to contact me on denishabhensdadiya@gmail.com | Shopify Design Changes | Custom Modifications In to Shopify Theme
sluggsounds
New Member
7 0 0

That worked. Thank you s‌o much  

sluggsounds_0-1662751660334.png