[Resolved] Cannot position header widget on right side

Hi Kaiser,

To have a better understanding of the issue, may you provide the link to the site in question?

You may use the private information field if your prefer: https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Hope to hear from you soon. 🙂

You may add a screenshot of your header as such: https://docs.generatepress.com/article/using-the-premium-support-forum/#uploading-screenshots

Seems like your header is built with some CSS. Without seeing the HTML structure and the CSS code, solving this issue may be a hit or miss.

Can you try providing the HTML structure of your Header as such?: https://share.getcloudapp.com/z8uL6rpg

Paste it here and place in in a Code Block: https://share.getcloudapp.com/z8uL6rJg

Hope to hear from you soon. 🙂

I see.

Can you try adding this CSS in Appearance > Customize > Additional CSS:

.site-header > .inside-header.grid-container {
    position: relative;
}

.header-widget {
    position: absolute;
    right: 0;
    padding-right: 10px;
}

If it works, kindly replace 10px to your preferred right padding value.

Kindly let us know how it goes. 🙂

You’re welcome Kaiser! Glad that worked! Feel free to reach out anytime you’ll need assistance with anything else. 🙂

Hi there,

change this CSS:

.header-widget {
    position: absolute;
    right: 0;
    padding-right: 20px;
}

to:

@media(min-width: 1024px) {
    .header-widget {
        position: absolute;
        right: 0;
        padding-right: 20px;
    }
}

Glad we could be of help