Home>Support>extra padding on Vantage mobile masthead

extra padding on Vantage mobile masthead

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. 6 years, 5 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