Delete the space between menu and content

Hi,

I’m having an issue with a big blue space between the main menu and the body of several pages. I’ve identified the CSS code but when I try to edit it in the CSS customization, nothing happens.

Any idea how I can delete it? Any tip will be appreciated!

Since I’m a newbie, I’m ready to give more explanations if needed.

I’ve right-clicked and use “Inspect”, the CSS code looks like this:

element.style {
background-color: #030479;
height: 150px;
width: 100%;
margin-top: 18px;

The highlighted code looks like this:

<div id=”” style=”background-color:#030479; height:150px; width:100%; margin-top:18px”></div>

I’ve been editing some CSS in order to get this e-commerce back into shape. Here are all my modifications:

.woocommerce-privacy-policy-text {
color: black !important;
}

.woocommerce-input-wrapper {
color: black !important;
}
a {
color: #e52f26;
}
body {
color : #000423;
}
H1 {
color : #000212;
}
H2 {
color : #000212;
}
H3 {
color : #000212;
}
H4 {
color : #000212;
}
H5 {
color : #000212;
}
ul.products li{
text-align: center
}
#order_comments_field {
display: none;
}

Thank you

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