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.

Responsive Header Padding

Resolved 8 replies premiumthemetheme-vantage
Rodger Ahearn
11 years ago · Last reply by Andrew Misplon 11 years ago

Hello, first let me say that this theme is fantastic. As someone new to the website building game, this theme is making it really easy and it looks great also.

The only issue I am having is the responsive header padding. I made a rookie mistake by changing too many things at once and can’t remember where I changed the responsive header padding. Attached is a picture of what it looks like on my phone (droid turbo). I would like to have equal space above and below my logo. Thanks.

Pic>> http://i.imgur.com/2jW6SQW.png

URL: http://gettinbent.com

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

Need fast email support? Get SiteOrigin Premium

Replies

8
  1. Andrew Misplon Staff 11 years, 11 days ago

    Hi Rodger

    Thanks very much for your support.

    Please remember that if you ever update Vantage all files are overwritten. CSS changes should be ideally made via Appearance > Custom CSS. Here is our tutorial on that:

    https://siteorigin.com/basics/modifying-theme-design-with-custom-css/

    If you could perhaps email through a set of temporary login details to: [email protected] I could inspect your header and help with the padding there.

  2. WordPress Private 11 years, 11 days ago

    This is a private message.

  3. Rodger Ahearn Private 11 years, 11 days ago

    This is a private message.

  4. Rodger Ahearn Private 11 years, 9 days ago

    This is a private message.

  5. Andrew Misplon Staff 11 years, 8 days ago

    Apologies for the delay Rodger. Received. I’ll take a look right now.

  6. Andrew Misplon Staff 11 years, 8 days ago

    Please take a look now. Hopefully that works for you. Below is what I inserted under Appearance > Custom CSS, you can make adjustments there as required:

    /* Adjust the header padding for mobile */
@media (max-width: 680px) {
	header#masthead .hgroup {
      	margin-bottom: -22px;
    	padding-bottom: 0;
    }
}
  7. Rodger Ahearn 11 years, 8 days ago

    Fantastic! I didn't realise it could go negative. Makes sense now.

  8. Andrew Misplon Staff 11 years, 8 days ago

    Glad that did the trick (margins can be used with negatives but not padding).

    All the best :)

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