Jump to content

Archived

This topic is now archived and is closed to further replies.

LAMF

aligning fixed navbar text to middle

Recommended Posts

LAMF    1
LAMF

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!
  • Like 1

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.
  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
James B    436
James B

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


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

  • Similar Content

    • sfmstudios
      By sfmstudios+
      I'm using the boxes section on a local development site to play around with some options, and running into an issue.  
      Have the following settings for the boxes:
      Type: Images/SVC Media on Top Image Appearance: Standard/Default Image/Icon Width: 280px Image Opacity: 100% Each of my box images is 280x150 in size, but the result of the image on the box is a strange zoomed-in, cropped square (see attached).  I looked to adjust border properties via CSS, but couldn't find a fix.  What solutions are out there?

    • paoloimperiale
      By paoloimperiale+
      Hi, 
      I was wondering if there's a way to modify the slider container size? My client would like it skinner- not as tall. How would you suggest doing that?
      Thank you.
      (this is for the paoloimperiale.com slider on the homepage) 
    • flourishdesignstudio
      By flourishdesignstudio
      My DMS 2 site http://www.heart-stone.com/ will not save any new custom css... I can still edit templates and publish those but any custom css that I enter never saves.
      All WP files, themes, and plugins are up to date. 
      Any thought about what might be causing this?
    • flourishdesignstudio
      By flourishdesignstudio
      Is there a way to edit the custom CSS via FTP? I know I can edit the custom code in the Chrome editor but is there a file path I can use to find and edit the CSS directly from our FTP?
      Thanks in advance for the help!
    • jeomiland
      By jeomiland+
      What am I missing?
      at cassclayton.com/dev I have the main  area set as 2 column format in the content-width main area. When I drag a 2-columns section onto the page under the stuff in the main left column area I get that familiar "section added, refresh page to view..." message on the screen, but refreshing the page (cmd-r or browser refresh button) makes the newly added section disappear to I can't get to it to continue.  Have just tried several time today with no success.  Have had this sort of issue before. I don't consider the page layout to be that complex, so why is DMS not remembering the new columns section on refresh?  Is there some strange, exotic setting in my browser I need to tweak? (chrome 46.0.2490.80 Macbook pro)
      Also, I have this Alzheimer issue often when adding custom CSS code - I learned from Pagelines academy to click edit in an existing section, then click in 2 different text option boxes, which eventually causes the refresh icon in the DMS options panel to appear) but even then, sometime my css code is ignored and I have to add it again and eventually it gets updated. I know, I know - blame it on all the script that makes the interface work, but this really slows down my development time. Someone please tell me I'm missing some simple thing that makes all this refresh stuff work like a champ!
      1) what is best way to Refresh after adding something if the Refresh icon does not appear (as it hardly ever does when adding CSS code)?
      2) why does my new section disappear on refresh?
      3) what's the best way to create a 2-column content area within another column area?
      Site: cassclayton.com/dev
      Thanks
×