How can I remove the text/buttons off of my banner in mobile mode only

Store Design
1

I updated the banner for my website (I did use the recommended pixels) and I noticed that when I switch to mobile view the text is right over the banner which is so annoying. How do I minimize or completely remove the text/buttons on mobile view only. The desktop view is perfectly fine.

IMG_9809.jpg
IMG_9809.jpg1170×2003 196 KB

2

@Madeforqueens
@Madeforqueens
kindly Share your Store URL,
So that I can check and provide you a solution.

Thank you.

3

https://madeforqueensllc.com/

4

@Madeforqueens

.Carousel--insideDots .flickity-page-dots {
    bottom: 5px !important;
    left: 20px;
}

@Madeforqueens
Add this code in the bottom of the theme.scss or theme.css file

5

Sorry where can I find that? I went to edit code after that where do I go?

6

@Madeforqueens
Go to Admin pannel,
Themes,
Action,

Edit code.
search the theme.scss file.

open it.

And paste this code in the bottom of the file,
And save it.

Thank you.

7

Hi @Madeforqueens ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss->paste below code at the bottom of the file:
@media screen and (max-width: 640px) {
.Slideshow__Content {
    display: none !important;
}
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

8

It worked! Thank you so much :slightly_smiling_face: