Jump to content
westfootscrayneighbourhoodhouse

Menu dropdowns not working

Recommended Posts

westfootscrayneighbourhoodhouse

I've recently changed our site www.wfnh.com.au over to PageLines and I can't get the menu working correctly. Only the first two items in each dropdown are working

eg under Programs & Services;  3 year old group and community childcare work; toy library and single mum's playgroup don't work - nothing happens when you click on them.

I've tried the Pagelines plugins SplashUp Nav and MegaNav and just the default menus and none of them are working correctly. The mobile site works but not the desktop site (I've tried Firefox, Safari and Chrome).

What could this possibly be?

Share this post


Link to post
Share on other sites
edgarcheverier

Hi, your MegaNav is working without problems, in OUR TEAM page you have an error because you didn't connect any path.

Screen-Shot-2017-10-24-at-9.16.59-PM.png

Share this post


Link to post
Share on other sites
westfootscrayneighbourhoodhouse

Thanks so much Edgar. I don't think the menu is working on the Homepage still? I tried deleting MegaNav and putting it back on that page but it's still not working. The other pages are working now - thank you!

Share this post


Link to post
Share on other sites
edgarcheverier

Hi! look at this video, the megaNav it is working perfectly the only thing that is not working it is the Our Team section because the page or path it is wrong. 

Video: https://cl.ly/2f1l3I1o3o0D 

let me know if you have questions! :)

Share this post


Link to post
Share on other sites
westfootscrayneighbourhoodhouse

Thank you,

I'm not able to navigate to anything more than two items down. I've attached a video.

eg Toy library, Single mum's group (under Programs & Services), Room hire (under get involved)

IMG_2442.MOV

Share this post


Link to post
Share on other sites
edgarcheverier

ok, I found the problem, it is a margin-top problem.

into your LESS/CSS editor, insert this code: 

.pl-sn[data-level="0"][class*='pl-col-']  {
 margin-top: 90px;
}

let me know if it is working! 

Share this post


Link to post
Share on other sites
edgarcheverier

If that doesn't work, delete the other code and use this one: 

.pl-sn-meganav {

margin-bottom: 90px;
}

but both should work the same. (not together)

Edited by edgarcheverier (see edit history)

Share this post


Link to post
Share on other sites
westfootscrayneighbourhoodhouse

Hi, thank you. Sorry to be a pain but is there anything else I can do? Both your lines of code worked but they left a huge gap between the menu and the page content. Then when I added another menu item under programs (we have more to come) it didn't work again - I don't want to make the gap bigger again. 

Could it be because I'm using Pagelines without another theme?

Share this post


Link to post
Share on other sites
edgarcheverier

Hi! don't worry! let's try this code: 

section#meganav_uic81t3 {
 margin-bottom: 150px;
}

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


×