Archived topic
Logo and Primary Navigation alignment
13 replies · Started by Dilip Kumar on January 18, 2021
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
The link to the image is here - https://1drv.ms/u/s!AoIuM5wE8JIk4XMrW43RWn1kSHGA?e=5ukNJm
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.
Hi Dilip,
Can you follow Ying's instructions here and let us take a look at the alignment issue live?
https://generatepress.com/forums/topic/logo-and-primary-navigation-alignment/#post-1624170
Screenshots don't really help for this.
Thanks!
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! :)