Double Banner showing on Tablet | Empire theme

Store Design
, , ,
1

I am using the Empire theme. When I open the store on a tablet, the banner shows twice. It works fine on all other devices. Screenshot attached. Please provide a fix for this.

Store : Massage Chair Pro
password: 1234

tablet.PNG
tablet.PNG503×802 210 KB

2

Hi @Digital_Imran

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (max-width: 1023px) {
.slideshow-slide__image--desktop {
display: none !important;
}
}
3

Hi @Digital_Imran

I hope you are well. You can follow our instructions below:

Step 1: Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd
Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-
Step 3: Copy the code below and paste it there

Here is the code for Step 3:

@media screen and (max-width: 1023px){
.slideshow-slide--mobile .slideshow-slide__image--desktop {
    display: none !important;
}
.flickity-viewport {
    height: 320px !important;
}
}

image (11).png
image (11).png480×571 145 KB

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

4

Hi @Digital_Imran

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
@media(max-width:1030px){
.flickity-viewport {
    height: 57vh !important;
}
img.slideshow-slide__image.slideshow-slide__image--desktop {
    display: none;
}
}

If my reply is helpful, kindly click like and mark it as an accepted solution.
If you are happy with my help, you can help me buy a COFFEE
Thanks!