Jump to content

Archived

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

tborges

How to center navigation bar - PageLines Framework 2.4.4

Recommended Posts

tborges    0
tborges

Right now I have a horizontal navigation bar to the left side, I can change it to the right but I cannot make it centered. 

 

How to center the navigation bar on Pagelines Framework 2.4.4  ???

 

 

 

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hi - could we have a link to your site please?


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


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

Add the following to your custom CSS:

 

https://gist.github.com/Dannyholt/6447474

  • Like 1

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
tborges    0
tborges

Works very well for desktop, but for mobile devices are not doing right.

 

Please use your mobile and access per example     If your phone is in the vertical position the navigation bar turns to be vertical navigation.

 

Please help

 

Thank you

Share this post


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

Yes, I forgot to mention that this will cause an issue with your navigation when viewing on a mobile device. I've updated the Gist code above, let me know if this resolves your issue.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • janpeeters
      By janpeeters+
      Hi all,
      I was totally excited to find out about 'CSS Hero' (http://www.csshero.org) I read about it in the compatible plugins section of the PL5 docs (http://www.pagelines.com/resources/compatible-plugins) For me it's a great way to more easily customize my sites because I'm not a CSS pro.
      I'm wondering about one thing though… Does anyone know if using this will result in a heavy penalty on page loading speeds? Would love to start using it but only if it doesn't cost too much in terms of speed.
      Thanks, Jan
    • jeomiland
      By jeomiland+
      Greetings
      Have searched in the topics for "How to center top navigation" and see Simon's CSS solution from back in 2012, but that didn't work for me. Anyone know how to center top navigation in DMS 2.2? Used Navi in Fixed area, (added Navbar under Navi to experiment, but that may be removed soon.)
      site: cassclayton.com/dev
      Thanks
      JE
    • abuzzelli
      By abuzzelli+
      I need the modal popup background to be solid and I can't get the css to work. Not sure what to do. Here's the page: http://bellissimoplasticsurgery.com/breast-augmentation-test-page/
    • evasnijders
      By evasnijders
      Dear fellow forum members,
      It has been months, if not years, since I got the latest DMS version. And I haven't been able to get myself to install it on my blog...
      A few months ago I took on a new job and I now know for sure I will never get to it.
      So, my question: is there anyone out there who is experienced with DMS and would be willing to do this for me.
      In all honesty, I will need help with everything, from rethinking the content (structure), to deciding on illustrations and colours. 
      I am though, willing to pay for this.
      Thanks in advance for your kind answers.
      Eva
      www.evasnijders.com
       
       
       
    • abuzzelli
      By abuzzelli+
      Trying to adjust the position of the background image on http://churchofwolves.com/. I need the wolf background to move over to the left on mobile versions so it can be seen. Here's the code I'm using and it's not working. I've tried a bunch of different things. Getting frustrated. Any advice?
      @media (max-width: 768px) { .home .site-wrap{ background: url(http://churchofwolves.com/wp-content/uploads/2015/06/Church-of-Wolves-bkgd1.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 100% 0%; } }  
×