Jump to content

Archived

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

kellyc214

Cool Navigation Bar Plugin Recommendations

Recommended Posts

kellyc214

Does anyone have a recommendation for a navigation bar plugin in that looks like horizontal lines that expand into a menu? I looked at the Pagelines plugin page and there are a few navigation bar plugins but I can't tell if they provide the horizontal line effect.

 

Here is a link to Ready, Set, Rocket, a design firm, that has the style I am interested in copying (a form of flattery). I would love to copy the horizontal lines. I don't have a preference for what the expanded menu looks like. I am interested in providing a "clean" or "uncluttered" look to the header. 

 

http://readysetrocket.com/

 

https://www.dropbox.com/sh/rsaub82pom3f2x5/AADV10Oo2pAiid2e9eppHzsZa?dl=0

 

Thank you for taking a look at this post. Any suggestions would be greatly appreciated. 

 

Kelly

Share this post


Link to post
Share on other sites
batman

Hi kellyc214

I use UberMenu and this works fine to me.

You can take a look in

http://wpmegamenu.com

;)


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
kellyc214

Thank you for the quick response, Batman. The ubermenu looks greats but I don't seem to find the minimalistic look of the horizontal lines.  Is the horizontal lines a choice - I am totally capable of missing something as I am not a programmer, etc. 

 

Thanks!

Kelly

Share this post


Link to post
Share on other sites
batman

Hi Kelly

Please, you can take a look to the Ubermenu Documentations

http://sevenspark.com/docs/ubermenu-3

I´m not a progammer and I can manage the plugin with the docs and videos

You see this for Horizontal lines, of course you can change the black color

http://sevenspark.com/docs/ubermenu-3/vertical/submenu-alignment

and

http://sevenspark.com/docs/ubermenu-3/vertical/sidebar

 


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
jmad

So are you just interested in having just the "hamburger" icon and then a menu?  If so, I think this is completely doable with just using the built in DMS navi and only assigning the mobile nav.  When you first install Navi (and haven't assigned a menu then you get just the icon with a pop out menu.  I wish there were options in Navi where it could just drop down or pop to the left but it works.  Y

 

ou could also probably try a few plugins like shiftnav or mobile nav...I don't know if you can just set them to work at any size.  

Share this post


Link to post
Share on other sites
jmad

Was curious so just tested and it's possible with Navi.  newmadsky.flywheelsites.com (flywheel and newmadsky) are the login and password to view site.  It's not pretty at the moment but it will work.  Moving the menu into a drop down would be something maybe Batman could answer.

Share this post


Link to post
Share on other sites
jmad

Was curious so just tested and it's possible with Navi.  newmadsky.flywheelsites.com (flywheel and newmadsky) are the login and password to view site.  It's not pretty at the moment but it will work.  Moving the menu into a drop down would be something maybe Batman could answer.

Share this post


Link to post
Share on other sites
kellyc214

Wow!! Thanks jmad! That is great! Can you walk me through the steps to install it? I may look into batman's ubermenu as well but for now, I'm under some time constraints. www.sidebarstrategy.com 

 

Forever grateful. 

 

Kelly

Share this post


Link to post
Share on other sites
batman

HI jmad

I´m only a newbie, I don´t know how to do this

:huh:


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
kellyc214

Hi batman,

 

I bought ubermenu and I am working through it now. Were you able to integrate the ubermenu automatically or did you have to use the code that uber provides?

 

Thanks!

 

Kelly

Share this post


Link to post
Share on other sites
kellyc214

I got ubermenu to work with automatic integration! Very excited!

Share this post


Link to post
Share on other sites
jmad

It's fairly easy.  Add Navi (content width) to the template or header section.  I added to the template section so I can then I can add a different Navi to the the header and just hide the header on the home page (this will result in a different menu style on home page versus inner pages....you could add to header if you want.  To hide a section on home use something like this...       .home #naviYOURNAVIID{ display: none; }

 

Reduce Navi in size to four columns or whatever works for your project.   

 

Grab the id# of your Navi and add code like this to custom code

 

#naviYOURIDHERE {

  position: absolute;/*this could also be fixed depending on your style*/
  background-color: rbga (0,0,0,0);
  z-index: 1;
}
 
It takes maybe 5 minutes to accomplish in all.  Ubermenu is awesome, however I find all the options a bit time consuming to set up and then perfect.
 

Share this post


Link to post
Share on other sites
kellyc214

Huge karma points to you jmad. I am certain others will benefit from your advice. Here are the screenshots of my "hamburger" (new word, I like it) navigation menu. Can't thank you and batman enough for your guidance. Thrilled with the result. And yes, ubermenu is taxing but worth it if you have hours to invest in learning it. ;-))

 

Screenshots:  https://www.dropbox.com/sh/w1maj0fu8oa0df5/AACYe4uiGYI1tLNUrHnlYbUIa?dl=0

 

Huge thanks!

 

Kelly

Share this post


Link to post
Share on other sites
jmad

Your welcome.  Not sure how far you are into the menu development but resizing the browser caused some odd behavior on the sidebarstrategy.com site.  Best of luck.  

Share this post


Link to post
Share on other sites
kellyc214

Yikes! I will figure that out. Not showing up on my view. Thanks for the heads up jmad!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
    • 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!
    • nizami
      By nizami+
      Using navbar section with correctly configured WP menu to display main navigation at https://elenaangel.com. 
      All fine in desktop viewport. Menu displays twice in hamburger mode. How to fix this please? 

×