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.

Logo White Space in Mobile

Resolved 3 replies premiumthemetheme-vantage
Kelsey Nowicki
11 years ago · Last reply by Andrew Misplon 11 years ago

Hi,

I have tried looking through a few threads about this particular issue, but am still having trouble getting this to work on my iPhone.

I would like to remove all of the white space below the header logo on the mobile site so that the logo is flush with the menu.

I have updated the CSS to do this in my regular site, but it is not showing up correctly in mobile.

I tried this code:

@media (max-width: 680px) {

header#masthead .hgroup {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

}

but there is still a good amount of white space below the logo on my iPhone. I would like it to look like it does on my Mac.

URL: http://nowickirealestate.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 11 years, 1 month ago

    Hi Kelsey

    Give this a try:

    @media (max-width: 680px) {
header#masthead .hgroup {
margin-bottom: -30px;
}
}
  2. Kelsey Nowicki 11 years, 1 month ago

    Perfect, thank you!

  3. Andrew Misplon Staff 11 years, 1 month ago

    For sure :)

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