My store has a huge forehead! #inner-wrap

Hi, I tried to yellowpencil my way out but it shows that inner-wrap has no top padding at all, nor does the next element #site-container have any top margin.

I have Kadence free theme and it has global page layout vertical spacing setting but tried turning it on and off but it makes no difference in my store catalog view (Btw I do want vertical spacing for posts and pages)
How can I reduce that forehead?

Also, my search bar in the header is one color for tablet (emerald) and another for phone (pink, which is the one I want also for tablet) (it is hidden for desktop, which is desired), and changing the background color only changes the bg of the placeholder part and not the entire bar, what am I doing wrong?
Here it is:?https://drive.google.com/file/d/1dt4TUQse-o1PUYBl-hOkrq2DKQi_hDn7/view?usp=sharing

Thank you very much!

• This topic was modified 5 months, 1 week ago by Bastian Suivera.

The page I need help with: [log in to see the link]