[Resolved] Site Logo / Header Elements Spacing Issue in Mobile View

[Shane]

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.

[Leo]

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.

[Shane]

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.

[Leo]

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?

[Shane]

Yep, just a single text widget.

Contact Us
<span>/</span>
Our Blog <span>/</span><a href=”tel:
843-619-3565″>
843-619-3565

[Author]

Posts