Archived topic

Site Logo / Header Elements Spacing Issue in Mobile View

4 replies · Started by Shane on August 22, 2017

Viewing posts 1–5 of 5

August 22, 2017 at 9:55 am #371375

I've been trying to figure out exactly what is causing a layout / spacing issue with the main logo located at the top of our site. https://southernstatesimaging.com/ It looks ok in desktop view, and tablet landscape view, but in mobile view, both tablet-portrait and mobile portrait or landscape mode, the top SSI logo has a large space above it and I cannot tell what is causing this. I suspect it could be 2 or 3 different elements but I am perplexed as to why only the mobile view brings this issue.

August 22, 2017 at 10:42 am #371407

Hi there,

Give this CSS a shot:

@media (max-width: 768px) {
    .inside-header>:not(:last-child) {
        margin-bottom: 0;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know.

August 22, 2017 at 11:08 am #371425

You're good! Still looking at this trying to wrap my head around what happened here! haha

Thanks a bunch! That one was bugging me.

August 22, 2017 at 11:53 am #371451

It is a bit odd that it was there in the first place.

I assume you only have one widget inserted in the header widget area?

August 22, 2017 at 11:59 am #371456

Yep, just a single text widget.

This archived topic is closed to new replies.

Start building better websites today.