Jump to content


Photo
- - - - -

How To Center Nav Bar And Header


  • Please log in to reply
12 replies to this topic

#1 jtunney

jtunney

    Member

  • Members
  • 19 posts
  • Country: Country Flag

Posted 05 December 2012 - 06:45 PM

How do I center the nav bar and header.  The site is cruisemarketudpate.com

 

Thanks.

 

John



#2 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 05 December 2012 - 07:30 PM

You can use Custom CSS to do this and adjust the left margin. For further reference, please see the following links:

 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content



#3 jtunney

jtunney

    Member

  • Members
  • 19 posts
  • Country: Country Flag

Posted 05 December 2012 - 08:05 PM

Sorry, but that doesn't help.  I've tried several options.  What is the css for the nav bar?

 

John



#4 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 05 December 2012 - 08:27 PM

I tried viewing your site but it's not loading (probably a misspelling in the URL?). Can you please repost it?



#5 jtunney

jtunney

    Member

  • Members
  • 19 posts
  • Country: Country Flag

Posted 05 December 2012 - 08:52 PM

cruisemarketupdate.com



#6 batman

batman

    Bat Learning

  • Members

  • 2115 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 05 December 2012 - 08:59 PM

Hi

 

For the NavBar you can try add in

PageLines > Site Options > Custom Code > CSS Rules

or in

Pagelines Customize (plugin)

 

#brandnav .brandnav-nav {

    float: none;

    margin-left: auto;

    margin-right: auto;}

 

It is advisable to learn how to do this on your own too.  

Check out

Please Login or Register to see this Hidden Content

 

 

For the header if you need more CSS help, make sure you've downloaded Firebug for Firefox

and check out W3 Schools for more info. 

Please Login or Register to see this Hidden Content



#7 Danny

Danny

    Is Awesome!

  • Moderators
  • 16555 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 06 December 2012 - 08:48 AM

Hi,

Add the following and this should center your navigation.

Please Login or Register to see this Hidden Content


  • batman and klouis like this

#8 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 10 December 2012 - 03:35 PM

the code works but now it is not responsive anymore and overlaps any elements below the nav bar when viewed on mobile devices. Is there a fix for that?

 

See here:

Please Login or Register to see this Hidden Content

 

Thanks



#9 Jenny

Jenny

    Advocate

  • Unicorn Store Dev

  • 2924 posts
  • LocationWV
  • Country: Country Flag

Posted 13 December 2012 - 03:26 PM

You pretty much have to choose one or the other. The code used to center it will remove the responsiveness.

 

However, I do not even see the custom CSS added to your site's code. Where did you add it? (

Please Login or Register to see this Hidden Content

)



#10 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 14 December 2012 - 04:57 AM

Thanks. I used the Sexy Snips plugin on this site and the above code on another site. Was trying to find a solution for either one and then use it on both.



#11 James B

James B

    Advocate

  • Members

  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 14 December 2012 - 06:00 AM

You could try using the mobile menu plugin as a solution for the navigation. Have you spoken to the author of sexy snips to see if there's an update for the product which will prevent this?



#12 yemoonyah

yemoonyah

    Super Member

  • Members

  • 143 posts
  • Framework Version:always the latest
  • Country: Country Flag

Posted 15 December 2012 - 10:07 AM

I can't get a hold of Nick. The contact info on the plugin page is wrong and there is no way to contact him on his own site.

 

However, I found a solution (change % to fit your needs):

 

Please Login or Register to see this Hidden Content



#13 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 15 December 2012 - 12:10 PM

If you wish to contact Nick, please post a question on his product page in the comments area.  He's usually pretty good at replying there.  His email changed and should be contacted via his product pages in the comments only.