Archived topic

Header: Add an image to the very right of the header

3 replies · Started by Christophe on January 19, 2022

Viewing posts 1–4 of 4

January 19, 2022 at 6:37 am #2085852

Hi,

On the top bar of this website: http://skravik.alambic.bzh/
I'd like to keep my social icons centered and the image to the right of my page.
How can i achieve this (preferably without editing code)

Thanks.

January 19, 2022 at 7:02 am #2085881

Hi there,

try adding this CSS:

@media(min-width: 769px) {
    .top-bar-align-center .widget:first-child {
        margin-right: auto;
    }

    .top-bar .inside-top-bar:before {
        content: '';
        display: block;
        width: 85px;
    }

    .top-bar-align-center .widget:last-child {
        margin-right: unset;
        margin-left: unset;
    }
}

January 20, 2022 at 6:10 am #2087147

Hey David, thanks for your reply.
Even though i was looking for a not Custom CSS solution, it works good. Thanks !

January 20, 2022 at 7:05 am #2087231

The only alternative would be to use a Block Element to build your own Top Bar. Then you can use GenarateBlocks Grid Block to create the layout.... but the CSS method is kinda easy :)

Glad to be of help

This archived topic is closed to new replies.

Start building better websites today.