Chang logo and nav bar position

[Majid]

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

[Leo]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Majid]

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

[Leo]

Try replacing this block you added:

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

with

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

Let me know.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Majid]

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

[Leo]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Majid]

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

[Leo]

You’re welcome 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts