Mobile slideshow not showing full width images

Store Design
,
1

My desktop slideshow banner looks good, however my mobile banner is only showing a partial image (dorkydonkeydesigns.com). I’ve seen suggestions to paste some code in Asset->/base.css, but I don’t have that asset listed when I go to “edit code” in my theme “Vision”. I tried pasting that code in the slideshow.css asset, but it didn’t work. Does anyone know how to fix this?

This is the code that didn’t work in slideshow.css:

@media (max-width: 749px) {

.banner–small:not(.banner–mobile-bottom):not(.banner–adapt) .banner__content {

min-height: 13rem !important;

}

}

2

This is Noah from PageFly - Shopify Page Builder App

You can add code it will work when you add to file theme.liquid:

Step 1**:** Online Stores > Themes > Edit code

Step 2**:** Choose file theme.liquid,
Step 3: Add code above the tag

If the code not work, please send me URL Website, I will check again and help you fix it.

Hope my solution will help you resolve the issue.

Best regards,

Noah | PageFly

3

Hi Noah - Thanks for the response. No that didn’t work, it just showed the actual code at the top of my site. My site is dorkydonkeydesigns.com.

4

Hi @DorkyDonkey please add code here to above tag