WordPress.org

Support

Support » Themes and Templates » [Resolved] How to reduce the blank space after the logo? Happens only mobile.

[Resolved] How to reduce the blank space after the logo? Happens only mobile.

Viewing 4 replies - 1 through 4 (of 4 total)
  • 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.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] How to reduce the blank space after the logo? Happens only mobile.’ is closed to new replies.