Archived topic

Positioning of individual header widgets

3 replies · Started by Elzanne Cronjé on March 21, 2020

Viewing posts 1–4 of 4

March 21, 2020 at 5:21 am #1201614

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. :-)

March 21, 2020 at 7:09 am #1201809

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/

March 22, 2020 at 2:49 am #1203122

Perfect! Thank you so much David.

March 22, 2020 at 6:28 am #1205098

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.