Remove Banner Box below Image On Dawn Theme Mobile Mode

Store Design
1

Hi I am wondering how I can remove the banner box that appears under the image when viewing in mobile mode. I am using Dawn theme. Thank you in advance.

Capture.PNG
Capture.PNG329×382 17.7 KB

2

Hey @towerthibault
Kindly share your Store URL and Password if enabled

3

https://saltprintsapparel.com/

4

Hey @towerthibault

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Moeed_0-1688367547291.png
Moeed_0-1688367547291.png202×362 72.6 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

5

Hello @towerthibault

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

@media screen and (max-width: 749px){
.banner--mobile-bottom .slideshow__text.banner__box {
    display: none;
}
}
6

This did not work for me unfortunately :confused:

7

Hello @towerthibault

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.slideshow__text-wrapper.banner__content.banner__content--bottom-center.page-width.banner--desktop-transparent.scroll-trigger.animate--slide-in {
    display: none;
}
8

Thank you!!