Black Friday Sale! Get up to $40 off GP Premium!Learn more

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

Home Forums Support Site Logo / Header Elements Spacing Issue in Mobile View

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #371375
    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.

    GP Premium 1.4.3
    #371407
    Leo
    Staff
    Customer Support

    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.

    #371425
    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.

    #371451
    Leo
    Staff
    Customer Support

    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?

    #371456
    Shane

    Yep, just a single text widget.

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

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.