Home>Support>Logo White Space in Mobile

Logo White Space in Mobile

By Kelsey Nowicki, 9 years ago. Last reply by Andrew Misplon, 9 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. If you need fast email support, please purchase a SiteOrigin Premium license.

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

    Hi Kelsey

    Give this a try:

    @media (max-width: 680px) {

header#masthead .hgroup {
margin-bottom: -30px;
}

}
  2. 9 years, 8 months ago Kelsey Nowicki

    Perfect, thank you!

  3. 9 years, 8 months ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More