Site logo

Archived topic

Logo and Primary Navigation alignment

13 replies · Started by Dilip Kumar on January 18, 2021

Viewing posts 1–14 of 14

Hi,

I am trying to achieve something like the header in this landing page at https://thetastesofindia.com on my blog pages. These pages can be found at https://thetastesofindia.com/blog.

Right now I am using the "navigation as header" option but it doesn't look consistent with the look on my landing page. How do I do this?

Regards
Dilip

Hi there,

Are you wanting the logo closer to the left edge of screen?

Try set the navigation location to Float right, it might be better than using navigation as header.

Let me know :)

Hi,
I tried that option but then the navigation menu goes to the top and it looks like a weird.

How do I vertically align it in the center and horizontally align it towards the right.

1. Turn off Navigation as header.

2. You are using navigation below header that's why it's not aligned vertically. Set navigation location to float right:
https://www.screencast.com/t/S5RNrpJr

Let me know.

That is precisely what I was saying. When I do that, the navigation goes to the top of the header. Check out this screenshot.
You can check out the image .

Sorry I can't see the code behind a screenshot, can't really find out why that happens.

Are you just want the logo to align more to the left? If so, just use this CSS:

.navigation-branding .site-logo {
    position: absolute;
    left: 80px; /*adjust the number*/
} 

No Ying.
Actually I want the menu (navigation) that appears on top of the page to be aligned to the center vertically so that the LOGO and the menu looks aligned.

Hope you are able to understand what I mean.

Hey Leo,

Have followed the instruction. You can take a look at the live site at https://thetastesofindia.com/blog..

Do let me know in case you need anything else..

PS: the site is live and this change would not be good for visitor experience. hence request a faster resolution.

Friends,

Any update?

Hi there,

Can you try setting the site to use the "Flexbox" structure in "Customize > General"?

This should vertically align it automatically.

Let us know :)

That solved the issue.

Thanks a ton for your support. You guys are awesome.

Glad I could help! :)

This archived topic is closed to new replies.