Site logo

Archived topic

Chang logo and nav bar position

7 replies · Started by Majid on February 26, 2017

Viewing posts 1–8 of 8

Hi,
Could you please tell me how I can customize my nav bar and header like this website?
https://bridor.com/en/
I read some topics but I did not find my answer. I would like to put my logo in left side of my site identity. My website is sainaplus.com

The other thing, I updated my GP but it is always 1.3.41 and GP premium is 1.2.91, what's the problem?

Thank you in advance,
Majid

Hi Majid,

- Upload logo image in Customizer > Site Identity

- Add the CSS in this post: https://docs.generatepress.com/article/putting-site-title-next-logo/
Adding CSS: https://docs.generatepress.com/article/adding-css/

- Customizer > Layout > Primary Navigation > Navigation Location > Float Right

- For GP theme, you should get notification through the dashboard. Can you check again?
As for premium plugin, make sure your license key is entered and saved: https://docs.generatepress.com/article/updating-gp-premium/#activating-updates

Let me know.

Thank you so much, it worked well, but I need to change the position of site identity and fit it to center (I mean its height), is there another css to add?

I updated the GP by the other way and it's ok right now.
Yours

Try replacing this block you added:

.site-branding {
    display: inline-block;
}

with

.site-branding {
    display: inline-block;
    padding-top: 18px;
}

Let me know.

Hi Leo,
the new css changed the position of logo to the right side of site title. I would like to have the logo in the left side of the header and the site title in the middle of the header (middle in all directions).
Yours,
Majid

The second block of code was meant to replace the first blocks of code. Looks like you copied and paste both block and the word "with" in it.

Anyways, try replace everything with this:

@media (min-width:769px) {
    .site-branding {
        display: inline-block;
        padding-top: 18px;
    }

    .site-logo {
        float: left;
        margin-right: 20px;
    }
}

Let me know.

Oh yes, I had replaced all, but it's great now, Good job
Thanks a lot,
Majid

You're welcome :)

This archived topic is closed to new replies.