Home>Support>extra padding on Vantage mobile masthead

extra padding on Vantage mobile masthead

By Michelle Phillips, 5 years ago. Last reply by Andrew Misplon, 5 years ago.

Hi,
I love your Vantage theme. I am struggling with the masthead on mobile. I played around with social icons and headings with the logo and ended up combining the logo and date headline text and putting it on the same table row as the social icons to keep them on one row in desktop and mobile. However, the mobile masthead has a lot of extra bottom padding that I don’t know how to get rid of. The site is coastalvapleinair.com. I am fresh out of ideas. Any help you can offer is greatly appreciated!!
Thanks for being awesome!
Michelle

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 5 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    Hi Michelle

    Thanks for posting.

    Please, try the following at CustomizeAdditional CSS:

    @media screen and (max-width: 640px) {
	body.responsive #footer-widgets .widget, body.responsive #masthead-widgets .widget {
		padding-bottom: 0 !important;
	}

	table {
		margin: 0;
	}
}

    We usually aren’t able to assist with Custom CSS in our free support scope. If you’re ever in the need of email support and removing the footer attribution as well as a host of other add-ons, please take a look at our SiteOrigin Premium plugin :)

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More