Archived topic

Centered Site Logo & Footer Widget immediately next to it?

3 replies · Started by Thomas on July 6, 2021

Viewing posts 1–4 of 4

July 6, 2021 at 11:01 am #1846867

Hey all, wondering the best way to achieve this. I'd like to have my site-logo centered and then a little bit of margin after the logo followed the header. I've been trying to toy with GeneratePress' CSS but can't get it to do what I want. In the secret fields you can see what I have already, and also a image of what i'm trying to achieve (minus search bar stylings, haven't done that yet).

Thanks for any help!

July 6, 2021 at 11:21 am #1846895

Hi Thomas,

Give this CSS a try:

.header-widget form.woocommerce-product-search {
    display: flex;
    justify-content: flex-end;
.header-widget {
    position: absolute;
    right: 27px;
}

And change this CSS:
https://www.screencast.com/t/HY19PVT09

to:

.site-logo {
    margin-left: auto;
    margin-right: auto;
}

Let me know :)

July 6, 2021 at 11:43 am #1846908

Perfect! You're the best Ying!!

July 6, 2021 at 11:54 am #1846913

Thanks! You are welcome :)

This archived topic is closed to new replies.

Start building better websites today.