This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Removing white space around header logo also removed the social media icons

Resolved 3 replies premiumthemetheme-vantage
Zaaya945
Started · Latest reply by Andrew Misplon

Hi, I needed to remove the white space above and below my logo, so I used the code below from one of your posts. However, the issue is that by putting that code into Custom CSS it also got rid of my Vantage Social Media icons that were on the right hand side of the header as well. How do I get them back while also keeping my logo without white space?

/* Full header logo */

header#masthead {
padding: 0 !important;
}

header#masthead .hgroup {
padding: 0 !important;
}

header#masthead .hgroup .logo img {
width: 1080px;
}

.main-navigation {
margin: 0 !important;
}

body.responsive header#masthead .hgroup .support-text, body.responsive header#masthead .hgroup #header-sidebar {
display: none !important;
}

URL: http://www.zaaya.com

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

3
  1. Andrew Misplon Staff

    Hi

    That CSS is for a full width logo so rather don’t use it. You can set header padding from Appearance > Customize > General: Header Padding. That field will only accept values down to 1. To set header padding to zero, try the following under Appearance > Custom CSS:

    /* Vantage Header Padding */
header#masthead .hgroup {
padding-top: 35px !important;
padding-bottom: 35px !important;
}

    Adjust 35px above, down to zero.

  2. Zaaya945

    Perfect, that fixed the problem, you’re brilliant, thank you

  3. Andrew Misplon Staff

    Super, glad to hear that helped.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread