Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
natalienet

Center Heading & Navigation - using logo as true center

Question

I'm using Brine. 

I have my logo and navigation centered at the top of my site. BUT I'm noticing that it's not centering based on my logo, it's centering based on the total width of the navigation + logo. 

This is making my logo and navigation look off-centered. 

How can I make it center from the LOGO, so the logo is always true center?

I've attached a screenshot that shows my header + nav settings and the awkward not-centered way it's displaying. Note: I've removed the "members login" nav link from my site for public viewing until I figure this out, so if you go there, you won't see it.

Thanks in advance!

 

earth-speak-logo-nav-not-centered-settings.png

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

I've switched it so that my primary nav is in the bottom left, and my secondary nav is in my bottom right. 

link is: https://www.earthspeak.love/

If I can make the contents of the bottom left align to the right 

and 

of the bottom right align to the left, then I assume that would keep my logo centered, while having the nav links be nestled on either side of the logo. 

 

Thoughts?

Edited by natalienet

Share this post


Link to post
  • 0

I am running into the exact same issue, working on Rover (Brine).

Would love to hear if someone has a solution for this!

(@natalienet I see you have worked around it by forcing the nav items to the left and right, that's one way to deal with it, but I would really like to know if there is a way to force the logo to sit in the center of the header)

Share this post


Link to post
  • 0

Even if you centred the logo, the layout won't look so great if there is no symmetry either side of it. The best solution is to arrange your nav items equally on either side of the logo and try to keep the length of each one consistent.


If a response has helped you, please give thanks using the  like-20-mag.png.3997345d620e40b4760b5d7a667cad54.png button.
Need personalised help? I'm a professional Developer who works with Designers internationally. You can book me via my company's website. www.sf.digital

Share this post


Link to post
  • 0

Thanks for your input Paul. I tend to agree that it may not look so great, but that's not always the case. Shouldn't it simply be possible to force the logo to the center, regardless whether it's looking good or not? There's a place for not so good looking stuff too, right?

Share this post


Link to post
  • 0
On 11/17/2019 at 12:22 AM, Burchard said:

Thanks for your input Paul. I tend to agree that it may not look so great, but that's not always the case. Shouldn't it simply be possible to force the logo to the center, regardless whether it's looking good or not? There's a place for not so good looking stuff too, right?

I agree! My design is based on symmetry, but there may be a letter or two difference between menu titles on either side, which messes up my whole logo centered design. It's so aggravating! 

 

For now I've just settle with having the menu nav titles left and right aligned, so they don't mess with the center logo. If I find a workaround, I will use it to bring the menu nav items back to snug against either side of the centered logo. So strange that this isn't a built-in option!

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...