For clarity, no logo on the site. After removal of the logo (image) is that this space has emerged in mobile.
Site: Orientações Médicas
This seem to happen because you use CSS Minify, I guess part of your cache plugin? Try disabling it, or fixing this value:
#header { padding-bottom: 60px; }
Which is the one that breaks it.
Thank you, Alexander. See the code. Where is this value?
#header { background: #33363b; position: relative; padding-bottom: 60px; }
#header .pad { padding-top: 28px; padding-bottom: 30px; }
#header .container-inner { position: relative; }
.site-title { font-size: 42px; font-weight: 500; font-family: “Trebuchet MS”, Helvetica, sans-serif; letter-spacing: -0.5px; float: left; line-height: 50px; padding: 10px 0; }
.site-title a { display: block; color: #dc1e2e; max-width: 100%; }
.site-title a img { display: block; max-width: 100%; max-height: 60px; height: auto; padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; }
.site-description { font-size: 16px; font-style: italic; color: #dc1e2e; color: rgba(220, 30, 46, 1.0); float: left; margin-left: 20px; line-height: 60px; padding: 10px 0; }
.site-image { display: block; margin: 0 auto; max-height: 400px; }
“This seem to happen because you use CSS Minify, I guess part of your cache plugin?”
Exactly, Alexander! The solution was to rearrange the order in CSS Minify. Thank you.