Sign in to follow this  
Followers 0

Standard Nav Drop Down Arrows Inquiry

6 posts in this topic

I'm trying to figure out if the Standard Nav enables the Top Page to be clickable when there are drop down pages below. My Top Level Menu page is not clickable. It looks like the page is linked when hovering over, but won't open. Is this the proper function? I thought they supposed to be clickable?

Also, in the site options > Header and Footer settings, selecting "Enable Drop Down Navigation" does not seem to matter. Namely, An arrow in my menu is always present irregardless of that setting selection. Is this normal?

I disabled my other plugins. Only PageLines plugins are active.

'Am I missing something here?

See what I mean:

Thanks for the help.

Share this post

Link to post
Share on other sites

It would appear you're using NavBar for your menu. NavBar uses Twitter Bootstrap, which prohibits the parent from being clickable to a URL. Instead, to ensure that the parent is clickable only to open the child menu (drop down) it hacks a hash, letter and number after each parent url.

In plain English, if your menu has a link to with child menu items below it, Twitter Bootstrap converts the link to

The work-around is ridiculous and simplistic, as I'm sure you will concur, but it's to create a child menu item under the parent, with the intended URL. It appears Twitter has no intention to change this. Of course, you've no doubt noticed that single level menu items work perfectly well, directly to any intended URL. It's only where there's a drop down that Bootstrap kicks in with this change.

That said, the option would be to use the Nav Classic, which does have the parent enabled normally. I've seen many people apply backgrounds and style the Nav Classic menu to look very close to, if not better than the NavBar. Many customers have expressed preference for Nav Classic because it has additional capacity for styling, particularly easy changes of color, width and so on.

If you need assistance with any changes, please let us know.

The "Enable Drop Down Navigation" applies only to the Nav Classic, which is why you'll always see the down arrow in NavBar where a child menu is present. It does not appear when the menu item is single-level only.

Share this post

Link to post
Share on other sites

Thanks for the information Rob.

I de-selected the options/settings in NavBar, but Classic Nav is not responding as I thought it would; unless I need to select some other settings to obtain the Classic Nav as you mention.

I also selected "hide search field" within the Header And Footer options, but the search box is still visible in the menu unless I select the "Standard NavBar - hide searchform" box in the NavBar Site options. After your articulation, I was of the perception that the NavBar options do not effect the default-Classic Nav Menu settings.

Can you take a look again to see what steps I can take to get the Classic Nav set up as you mention?

Thanks for your help!

Share this post

Link to post
Share on other sites

Just looked at your site and it's still NavBar. Did you swap it out in Drag & Drop > Header?

The Nav Classic looks more like the one on my site

Share this post

Link to post
Share on other sites

O'got it. Thanks for that step! I'm still learning to pay attention to the PageLines language and distinguishing between the options. I removed NavBar from the Header in Drag&Drop and replaced it with Nav Classic.

Now I just need to make it pretty. I'll look around for some code to style my nav. If you have any links on hand to help me reference some options that would be great.

I guess I can re-instal simple css plugin. I'd prefer no plugin, so I'll look for some code.

Thanks again for clarifying the inner workings of Framework Navigation options.

When "NavBar" was introduced, I thought it was more a PageLines tool. I didn't know it was powered by Twitter Bootstrap. I like to keep my site as close to all PageLines, so everything remains under PageLines maintenance and avoids bugs introduced by other systems.

On a communications note, maybe the distinction you clarified in this topic will be helpful to include in the documents area. Communicating some of the visual appearances as well as slight functional difference between the Navigations might be helpful for those who are learning. It seems "obvious", but it's not when faced with so many options. Good options, just hard to learn by experience. That might put you out of a job though :D

Share this post

Link to post
Share on other sites

That plugin simply writes the CSS for you. Unlike many plugins that set up new code.

It's also in the PL family, as one of our senior moderators wrote it. It can be trusted as a PL product.

1 person likes this

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  
Followers 0

  • Similar Content

    • Different menu item colors on hover
      By mistrmint+
      Site :
      I need to change the second menu items on hover to different colors.
      i.e factual needs to be blue on hover, fiction red on hover, etc. etc.
      then on the sub menu of factual, all need to hover blue with the main menu factual item staying as blue,
      and the sub menu of fiction needs to hover red with fiction item staying as red.
      etc. etc.
      For the life of me I cannot figure it out.
    • Menu won't update
      By dreja+
      I updated my English menu on this site and it worked without issue. However, when I tried to do the same with the French menu, it goes to a 404 page. I'm using an older version of Pagelines on this site as well as WPML for translations. 
      Does anyone have advice on what I can do?
    • More than 2 Mobile Menus
      By mistrmint+
      Is it possible to include more than 2 mobile menu's on the site?
      I am using 4 menu's but in mobile only the first 2 are clickable.
      Menu 4 is on a standalone page. If I click the menu on this page, the primary 2 menu's appear.
      i.e. Menu 4 is not clickable.

    • Splash Up Displays Menu on Mobile When No Menu is Selected
      By dawsonbarber+
      SplashUp - with no menu selected - displays no menu on desktop, as expected, but a menu appears when you reduce the size of the screen.
    • Change NavBar Menu alignment and font size
      By saur0+
      Hi, I have managed to change the size of the navbar logo to 75px, but I now want to change the size of the font on the menu (20px) and align the menu vertically to the bottom (so it is in line with the bottom of the logo image). I've been playing around with the CSS but can't seem to get it right, if anyone could give me some pointers it would be much appreciated. 
      The site is if you want to take a look at the source.