• 0
Sign in to follow this  
Followers 0

aligning fixed navbar text to middle


Question

Posted · Report post

Help!

 

I'm trying to create a larger format menu, and it looks silly to have the text top-aligned in my larger fixed navbar. How do I center it? I've tried a couple things but I'm stuck.

 

I'm using this CSS so far: 

.navbar .navline {
  font-size: 1.5em;
}
 
.navbar .plbrand img {
    max-height: 74px;
}
.navbar {
    height: 5em !important;
}
 
and the website URL is lakesareamusic.org
 
Thank you!
1 person likes this

Share this post


Link to post
Share on other sites

3 answers to this question

  • 0

Posted · Report post

Hi,

 

Try Adding the following to your custom CSS:

 

#menu-main-navigation-1 {
float: none;
text-align: center;
}
 
#menu-main-navigation-1 li {
display: inline-block;
float: none;
}
 
It may not look center, but it actually is center of your NavBar, the issue you will have is that you have an image in another section aligned next to it. Here is what it would look like without the section to add your image being there and the NavBar being full width i.e. 12/12.
 
 
 
So if you do not like the look with the code I have provided you will need to do one of two things:
 
1. Reposition the image so that it is below or above the Navbar or use the Fixed NavBar option instead and upload your logo to the Fixed Navbar.
2. Keep your layout as it is and use custom CSS to reposition your menu so that it looks center in accordance to your logo and Navbar section.
 
Please bear in mind that we do not provide extensive CSS support.
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Thank you for your help! I really appreciate it. 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

We're glad you've managed to resolve, thank you for updating the thread.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

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

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0