Jump to content
Sign in to follow this  
webmaster@byc.org

Fixed NavBar Top Level Links Don't Work

Recommended Posts

webmaster@byc.org    0
webmaster@byc.org

Hi:

 

I just upgraded to Pagelines 2.4.2 from PlatformPro 1.6.  I changed my menus to the new Fixed NavBar which works great except for one issue...the top level of my dropdown menus no longer works (if any of them have submenus).  I have the top menu configured to go to a landing page on some of them and then subbmenus underneath to go directly to areas within that heading.   However, when I hover over the top levels that have the submenus, instead of showing the actual configured link, they show http://{mywebsite}/#m1, http://{mywebsite}/#m2, etc. The submenus show the actual links and are functional.  The top level links configured with submenus used to work in PlatformPro standard menus.  I have tested this with different browser types and see the same issue.  I also tested to see if I see this issue using the Nav Classic menus and I don't (the top level links work fine just like in PlatformPro).  Here is a link to our site:  http://byc.org/

 

Is this by design for the NavBar in PageLines or is this abnormal?  What is confusing is that the "select hand" mouse cursor remains active over these non-functional links indicating to users that they can click on them, but when they do, nothing happens.

 

I am currently on WordPress 3.4.2 (multi-user) with 14 networked sites and am getting ready to upgrade to 3.5.1.  I have the following plugins currently activated and all are at their latest versions:

 

Akismet, version 2.5.7

All-in-One Event Calendar by Timely, version 1.10-standard

Awesome Flickr Gallery, version 3.3.6

Exec-PHP, version 4.9

Gravity Forms, version 1.7.3

Gravity Forms PayPal, version 1.7

Unfiltered MU, version 1.3.1

WP-Members, version 2.8.2

 

This is a hosted site on Windows Server:

Windows 2008 R2 Web

PHP 5.3.10

mySQL 5.1.6

IIS 7.5

 

I would prefer to continue using the fixed NavBar, but would like the top level links to work if possible.

 

Thanks for any insite you can provide. 

 

webmaster@byc.org

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hello Sally,

 

First, when changing themes you must also make sure your saved menu (if you have one) is assigned to the new theme using the Theme Locations panel.  Just select your saved menu for the Primary menu.

 

The top level menu in NavBar is never linked to a location if there are child items below it.  Twitter Bootstrap forces it to only open the list below it.  To overcome this, just repeat the full link as a child link under the parent.  Cumbersome, I know, but Twitter does it this way for a reason.

 

Alternatively, you can use Nav Classic in place of NavBar, which allows parent or top level links.

  • Like 1

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
webmaster@byc.org    0
webmaster@byc.org

Thanks for your prompt reply.  I had already implemented your prescribed solution to repeat the full link as a child link under the parent.  I prefer not to use the Nav Classic because that menu scrolls off the screen where the fixed NavBar does not.  Is there a way to prevent the mouse cursor from showing a "select" hand over the inactive top level that has child links underneath it?  The way it is makes it confusing to the user because it shows that he can click on it, but nothing happens.

Share this post


Link to post
Share on other sites
Rob    547
Rob

Unfortunately, the cursor is part of the browser, and thus out of our control.

 

The primary link being among the child links is the only way to get around Twitter Bootstrap's limitations.  I apologize for the inconvenience.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
catpage    1
catpage

"Twitter does it this way for a reason." - I assume this is to follow their interface standards. Like the person who started this thread I would prefer the behaviour of the classic navbar but would like to use the new one. The workaround is not ideal. Is there no way of overriding Twitter Bootstrap limitations?

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Catpage 

 

Please create a new topic with your specific questions 


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

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  

  • Similar Content

    • Grant Turck
      By Grant Turck+
      Navbar Broken on All Devices When Not Logged Into Wordpress. See screenshots attached from mobile. What is causing this issue and how do I fix? Site is venicepride [dot] org.


    • PierreFF
      By PierreFF+
      Hello, 
      I have an issue with NavPro on mobile when the link of the menue is on the same page. 
      Here is my website: http://foundersofthefuture.co
      The isssue comes from the fact that in my menue most of the items send somewhere else on the same page using anchor link (eg. #container_u788888). 
      This works well on desktop but on mobile, nothing happens when clicking on the link. One of the link of the menue of the homepage "France" sends to another page of the website and this one works well even on mobile. 
      I am using the Pagelines framework theme and also used a wordpress plugin (jQuery Smooth Scroll) for smooth scrolling . 
      Thanks in advance for your help and let me know if I need to provide more information. 
      Best,
      Pierre
    • tristanrodgers
      By tristanrodgers+
      Hi there!
      I'd love to have some social media buttons in my navbar like my online-shop has!
      http://mc1r-magazine.com/
      Can someone explain me how to create them? I tried a lot but don't know how to realize them...
      Greetings from Germany,
      Tristan
    • jeomiland
      By jeomiland+
      Hi guys. Just now trying out Platform 5. I like the reletive simplcity of the new interface but there are things I'm used to in DMS that I'm not seeing yet in 5. Is there a good manual, documentation, video series about some of the basics?
      In particular, I've got a simple navigation menu, created the standard way in WP menus section with several top level parents, then 3-4 children menu items below a couple parent items. Have them moved to the right to create the standard parent-child relationship but all I see on the page is the parent level items - no dropdown!. So I changed themes from Platform5 to the standard 2015 default theme and now I see absolutely no menu at top, except for the mobile (hamburger?) icon.
      In DMS, one had Navi and Navbar, etc sections and each would work differently and give different results. How do you work the menu system in 5? And how get different results ?
      thanks
    • nizami
      By nizami+
      I have a problem at http://kambo.world. Using navbar for the main site navigation. It works fine in normal/desktop mode [first screenshot], using the WP Menu I have specified. But in hamburger mode it seems to do its own thing, picking a few pages at random [second screenshot] A fix for this greatly appreciated! 
       


×