[Resolved] Positioning of individual header widgets

Home Forums Support Positioning of individual header widgets

This topic contains 3 replies, has 2 voices, and was last updated by  David 2 months, 1 week ago.

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 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 Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.