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.

Mobile device: Space below Logo

Resolved 5 replies general premium

Adam Wernecke

11 years ago · Last reply by Andrew Misplon 11 years ago

Hi there, I am working on a site and the logo is displaying nicely on my computer, I have no margin space under my logo, so it sits right on top of my menu bar. However, on my mobile phone there is a gap between the menu bar and the bottom of the logo. I don’t know what to adjust to close the gap for smaller devices.
Again, I am only getting the issue on my mobile device.

I am not using any custom CSS at this time, save for some color adjustments.

Thanks in advance.

URL: http://www.aurorawerks.com/coco/

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

Need fast email support? Get SiteOrigin Premium

Replies

Andrew Misplon Staff 11 years, 3 months ago

Hi Adam

Try this under Appearance > Custom CSS:

/* Mobile */
@media (max-width: 680px) {
  body.responsive header#masthead .hgroup .logo {
    float: none;
  }
}

Adam Wernecke 11 years, 3 months ago
Not sure if I can post image link here, but this is what it looks like still. Didn’t adjust it yet.
https://onedrive.live.com/embed?cid=9ABF906408BA46D1&resid=9ABF906408BA46D1%2118383&authkey=AFkZ51Cu8Oa2iAo

Andrew Misplon Staff 11 years, 3 months ago

Give the following a try instead:

/* Mobile */
@media (max-width: 680px) {
  body.responsive header#masthead .hgroup .logo {
    float: left;
  }
}

Adam Wernecke 11 years, 3 months ago
Andrew – The last snippet you sent worked like a charm. Everything is lining up perfectly now. Thanks.
Andrew Misplon Staff 11 years, 3 months ago
Super, glad that did the trick.

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