Woocomerce free space between header and content on mobile

Screenshoot

https://prnt.sc/13b83yz

Hi Artur,

This is what I see on my side, the space looks normal to me:
https://www.screencast.com/t/zqwGuUJRN1

What are you trying to achieve? are you trying to add 30px padding around the blue area? That's what the CSS for.
https://www.screencast.com/t/YF9Ej1rv5T5n

Let me know :)

I put that code

@media (max-width: 768px) {}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header, .wp-block-group__inner-container {
padding: 30px 30px 0px 30px;
}

The media query (for mobile) of the CSS in your last reply is not gonna work, the correct format is like this:

@media (max-width: 768px) {
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header, .wp-block-group__inner-container {
padding: 30px 30px 0px 30px;
}
}

It's difficult for me to try to help without knowing what you are looking for.

Can you specify your issue? Or you've got it sorted out?

Let me know.

Look now I delete that code
@media (max-width: 768px) {}
.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header, .wp-block-group__inner-container {
padding: 30px 30px 0px 30px;
}

https://meblowykramik.pl/sklep/

Anyone help?

Sorry for the late reply, seems the last msg had slipped away from our system.

Are you trying to reduce the space here?
https://www.screencast.com/t/fP2Gp0NE

If so, go to customizer > layout > container, adjust the content padding while clicking the mobile icon.

https://www.screencast.com/t/HlbWJpO9

thanks!

No problem :)