How do I remove box between header and product page?

[kramermedia]

Noob here, I desperately need to know how to remove this space: 

I've tried so many things but nothing seems to work without breaking something else. All I know for sure, is that this is creating the unnecessary space: 

tried lowering the padding on "div.box" but it removed the space between almost everything. Anyway I can just delete this specific box? 

Here is the website for reference: https://podpiker.com/products/number-1

(only care about mobile)

Thanks! 

[AvadaCommerce · Accepted solution]

Hi @kramermedia ,

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 (max-width: 749px) {
     .template-product .product-single .box {
        padding-top: 0 !important;
     }
}

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

[AvadaCommerce · Accepted solution]

Hi @kramermedia ,

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 (max-width: 749px) {
     .template-product .product-single .box {
        padding-top: 0 !important;
     }
}

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

[kramermedia]

Dont have a theme.css...tried in the other theme ones and it did not work. 

[AvadaCommerce · Accepted solution]

Hi @kramermedia ,

I checked on the link you sent, there is this theme.scss file. Is theme.scss, not theme.css

[kramermedia]

Never mind it worked, it had just not updated properly. Thanks! 

[kramermedia]

Thanks for your input, is this right? I does not seem to be working.