[Resolved] Positioning of individual header widgets

Home Forums Support Positioning of individual header widgets

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1201614
    Elzanne

    Good day,

    I currently have two widgets in my header. I need the first one (at the top) to be positioned to the far right, and I need the second one to be positioned completely left directly next to the logo, as well as center in line with the logo.

    I am not sure how to position these items individually.

    Please assist.

    Thank you. 🙂

    #1201809
    David
    Staff
    Customer Support

    Hi there,

    could i suggest you move the Widget containing the Phone / Email to the Top Bar – this will place it where you need it.

    Then add this CSS to your site:

    @media (min-width: 769px) {
        .inside-header {
            display: flex;
            flex-direction: row-reverse;
            justify-content: flex-end;
            align-items: center;
        }
        .header-widget {
            margin-left: 2em;
        }
    }

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

    #1203122
    Elzanne

    Perfect! Thank you so much David.

    #1205098
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.