Shopify error

[Vanshchavada1]

Hello, 

I am stuck with an issue on a Shopify website with some padding issue on the top of the header - in the Mobile version you will be able to see it 

Page URL - https://thebasicswoman.com/products/herbal-pcos-tea

I need to solve this ASAP if someone can guide me that would be really helpful!

Thanks

[Guleria · Accepted solution]

Hello @Vanshchavada1 ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your style.css file and paste the following code at the bottom:

 #sprite-plyr {
    display: none;
}

Thanks

[Guleria · Accepted solution]

Hello @Vanshchavada1 ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your style.css file and paste the following code at the bottom:

 #sprite-plyr {
    display: none;
}

Thanks

[Vanshchavada1]

Thankyou so much - Solved

[BSSCommerce-HDL · Accepted solution]

Hi @Vanshchavada1 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

 <style>
     #sprite-plyr {
         display: none!important;
     }
 </style>

 Here is result:

Hope this can help you, If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Vanshchavada1]

Thankyou so much @BSSCommerce-HDL Solved

[BSSCommerce-HDL]

You're welcome. Have a nice day!

[ProtoMan44]

@Vanshchavada1  pleease put this css in code:

div[hidden] {
    display: none;
}