Jump to content


Photo
- - - - -

Custom NAV Bar


  • Please log in to reply
6 replies to this topic

#1 tcuzzo

tcuzzo

    Member

  • Members

  • 11 posts
  • Framework Version:2.1.6.1
  • Country: Country Flag

Posted 29 August 2014 - 02:18 PM

I'm looking to have a custom NAV bar looking to see if anyone can help point me in the right direction to get this done.

 

I want the logo centered, with two menu items on the right and then a hamburger icon on left that when clicked opens a menu going down with additional menu items.

 

Please see attached image for example. 

 

Attached File  navSample.png   9.49KB   0 downloads

 

Thanks,

 

Timm



#2 batman

batman

    Bat Learning

  • Members

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

Posted 29 August 2014 - 11:21 PM

HI @tcuzzo

And easy way is ....you can add three columns in your header and use each one for "navbar 1 with drop down - image (logo) - navbar 2"

;)

 



#3 Danny

Danny

    Is Awesome!

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

Posted 31 August 2014 - 11:33 AM

Hi,

 

What you're asking isn't possible without extensive custom code, if you're not comfortable with doing this yourself. I would recommend either purchasing the PinsPro Core theme which includes a navigation similar to what you're asking i.e. nav left, logo center and nav right and/or contact one of our store developers who may be able to create you a custom section for a fee.

 

PinsPro demo - http://themes.pageli...inspro/?dobar=1

 

Store Developers - http://docs.pagelines.com/resources/


  • batman likes this

#4 ingo68

ingo68

    Member

  • Members

  • 28 posts
  • LocationGermany
  • Framework Version:2.4
  • Country: Country Flag

Posted 02 September 2014 - 11:47 AM

how can I center nav and menu entries?



#5 Danny

Danny

    Is Awesome!

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

Posted 02 September 2014 - 12:09 PM

Can you provide a link to the site in question.



#6 ingo68

ingo68

    Member

  • Members

  • 28 posts
  • LocationGermany
  • Framework Version:2.4
  • Country: Country Flag

Posted 02 September 2014 - 12:13 PM

here the link



#7 Danny

Danny

    Is Awesome!

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

Posted 02 September 2014 - 12:17 PM

Try adding the following to your custom CSS:

 

#naviuyw8phe .navi-right {
  float: none;
}