Inconsistent Section Height

Site URL: https://www.sustainablereefsolutions.com

How do I force the top blue bar on my site to be the same height on all pages?  I have them all set to 10 in the format settings for the section but the "Coral Store" page is displaying the blue bar with a different height.  I also want the text aligned left and centered vertically.

.section[data-section-id="5ef431ace37edb2f127aca77"] {
	height: 100px !important;
	vertical-align: middle !important;
}

This should work. The text is already aligned left so I didn't add anything for that.

#st-1 {
    display: none !important;
}

.sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child {
    padding-top: 10px !important;
}

5 hours ago, sonny.oram said:

.section[data-section-id="5ef431ace37edb2f127aca77"] {
	height: 100px !important;
	vertical-align: middle !important;
}

This should work. The text is already aligned left so I didn't add anything for that.

3 hours ago, rwp said:

#st-1 {
    display: none !important;
}

.sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):not(.sqs-feature-gated-wrapper):first-child {
    padding-top: 10px !important;
}

 

Thank you, I will try out both of these.

How'd you make out?