Jump to content
dawsonbarber

NavBar sub-menu not working properly for any page other than homepage with Base theme

Recommended Posts

dawsonbarber

Having a very strange problem on a site that's under development and on maintenance mode.

I've got the Base Theme installed and have a NavBar section active with one menu item that has a sub-menu.

When I click on that menu item when I am on the homepage, the submenu opens up as expected.

However, when I click on that menu item on any other page, the only thing that happens is that I jump down the page a little bit.

The submenu does not open up.

I've disabled all non-PageLines plugins and there's no change. I've also disabled all plugins and there's still no change.

I have also removed all custom CSS and there's no custom PHP added.

I've tried NavClassic and get the same problem (one difference between using NavBar and NavClassic is that the "caret" that appears next to the menu item with a submenu appears only on the homepage for the NavClassic while it appears on every page for NavBar).

If I activate the PageLines Framework, everything works fine.

Incidentally, I do have the menu set as Primary Site Navigation under Appearance > Menus.

Another strange thing that's happening - and that, perhaps, could be a clue about what's wrong - is that the WordPress toolbar (activated in my Profile Options by checking the "Show Toolbar when viewing site option") is visible only on the homepage with the Base theme activated.

It does not appear on any of the other pages (although there is extra space where the toolbar should be).

This problem also does not happen when I activate the PageLines Framework.

Share this post


Link to post
Share on other sites
James B

Hi there, if clicking on the menu is resulting in the page moving down it sounds as if you have the scrollbar section enabled somewhere in the template. Check your active sections for the page template and see if the scrollspy is listed as active. If it is, slide it to inactive and see if this resolves the issues you're experiencing.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
dawsonbarber

Hi James

I checked all page templates and ScrollSpy is not active on any of them.

I also deactivated ScrollSpy in the store, just in case, tried things again, and still same result.

Share this post


Link to post
Share on other sites
dawsonbarber

For what it's worth, I thought I should add that I have also deleted the menu and rebuilt it - but still having the same problem.

Share this post


Link to post
Share on other sites
dawsonbarber

I wanted to see what would happen with the fixed NavBar so I removed the NavBar from the header's active section and then activated the Fixed NavBar.

It also works fine on the homepage, but has problems all other pages.

There's white pace at the top of the window where the WordPress editor toolbar should be and the submenu does not appear when I click on the menu item with the submenu.

The effect, when I click, is slightly different with the Fixed NavBar than with the Navbar added to the header section: instead of jumping me slightly down the page, it does nothing at all.

Share this post


Link to post
Share on other sites
dawsonbarber

Okay, so I've discovered that the problem is coming from having an active Content Section on the templates that I'm using.

Basically, if I drag a Content Section from Active Sections to Disabled Sections, the navbar behaves as it should.

That is, the WordPress toolbar appears on all pages and the submenu below the menu item appears when clicked and works.

Of course, without an active Content Section, none of the content of the page shows up.

Does this help at all in narrowing done what's going on and what I need to do to fix things - other than, of course, to just use the PageLines Framework instead of the Base Theme?

Share this post


Link to post
Share on other sites
dawsonbarber

Hi

Can I please get some assistance on this? I've done as much as I can on my own and am not sure what to do next and I really need to get this sorted out.

Should I access the Live Chat or sit tight here?

Thanks.

Share this post


Link to post
Share on other sites
Simon

Using the base theme would make no difference? Have you edited the style.css or any other file in the child there? If not there is little point in having it enabled.

You say its something in the content area of your page? So what is in the content area? Have you tried removing those items one at a time?

Share this post


Link to post
Share on other sites
dawsonbarber

The problem occurs when using the Base Theme. When I activate the PageLines Framework, everything works as it should.

Yes, I have edited the CSS for the Base Theme. I have also removed any custom CSS just to see if it makes a difference. It doesn't.

If I remove the Content Section from active sections in Page Template, then the navbar behaves as it should on all pages and the WordPress toolbar takes up the empty space above the fixed navbar.

It doesn't matter what's in the Content Area because it seems that the Content Section is somehow involved in the problem. If it's active, the navbar doesn't behave the way it should (submenus do not display at all or work at all) and the WordPress toolbar is replaced by white space on all pages but the homepage (which isn't using a Content Section).

If it's not active, then the navbar and WordPress toolbar behave normally but, of course, no content displays (other than what could be added with a PageLines section).

Share this post


Link to post
Share on other sites
Simon

well it must be something you have in the base theme then, a section? css? any php code in the functions.php?

The content section is only a container, it contains the content sections that you add to it.

Share this post


Link to post
Share on other sites
dawsonbarber

Here's what I have tried:

I have removed all custom CSS - from the Base theme stylesheet as well as from the Customize Plugin.

There is no custom PHP in the Base theme or in the PageLines Framework.

I have removed all Sections but Content in the Page Template Area and Post Loop in the Content Area. I've also tried without the Post Loop, but left the Content Area as active.

I have tried disabling all plugins as well as disabling all Plugins except for PageLines plugins.

The only thing that makes a difference is when I remove Content from the active section in Page Template.

Share this post


Link to post
Share on other sites
Simon

But you said it works if you dont use the base theme right? your using css in base them AND customize plugin? They both do the same thing, use one or the other. You could just add your css to the custom code area in pagelines settings and use neither!

Share this post


Link to post
Share on other sites
dawsonbarber

No, I'm not using custom CSS in the Base theme and the Customize plugin. I've tried it in one or the other.

And there's no custom CSS in Custom Code under Site Options.

In any case, as mentioned, I have removed all custom CSS, there's no custom PHP, I've deactivated all plugins (and have tried deactivating all plugins but PageLines), and I have removed all sections.

The only thing that makes a difference is removing the Content Section.

Share this post


Link to post
Share on other sites
Simon

The problem occurs when using the Base Theme. When I activate the PageLines Framework, everything works as it should.

This is what you said before.

Share this post


Link to post
Share on other sites
Simon

So, dont use the base theme, copy whatever css is in it to the custom css area.

Share this post


Link to post
Share on other sites
Simon

Well im afraid this has gone beyond the scope of a forum post. All I can see is a maintenance page.

My final suggestion:

Remove ALL css from the base theme to the custom plugin or the custom css box, then remove ANY sections folder in the child theme.

Also make sure there is NO custom php in the child theme.

Make sure your parent theme is in the right folder.

the child theme should have 3 files: style.css, setup.php, functions.php

If it breaks then with the child theme active then something is seriously wrong with your install, as the child theme only inherits the parant settings it does not actually add something.

If you can give us some kind of access we may be able to help you further.

Sorry I cant be any more helpful

Share this post


Link to post
Share on other sites
dawsonbarber

I just deleted all plugins, deactivated and deleted the theme, reinstalled and reactivated PageLines Framework, then reinstalled and reactivated Base and am getting the same problem.

I'm going to try a totally fresh installation (delete everything) and start from scratch.

I'll report back after I've finished up.

Cheers

Share this post


Link to post
Share on other sites
dawsonbarber

Okay, so I'm happy to report that, after doing a fresh installation (I deleted the database in cPanel and all WordPress directories and files via FTP, created a new database and a new WordPress installation), everything on the Base theme is working as it should.

I've used the same custom CSS I used on the original installation and am in the process of reinstalling/reactivating plugins and modifying settings as I had done on the original installation.

I'm doing this one thing at a time and then checking on the site to make sure everything's working.

If I run into the problem again, at least I will know what caused it and I will share the information here.

So even though the problem is resolved, maybe leave this open for another day or two until I have a chance to recreate everything and report back.

Share this post


Link to post
Share on other sites
Simon

Sure thing, be glad to know what caused it!

Share this post


Link to post
Share on other sites
dawsonbarber

Since I haven't been "successful" at reproducing the problem, it's probably best to mark this thread as resolved.

The only thing that I think of is that it may have been a plugin that I had installed and then deleted at some earlier point that had left some kind of residue behind (table in database or something).

Thanks for your help.

Cheers

Share this post


Link to post
Share on other sites
Rob

Since we haven't heard from you, let me know if I should mark this resolved.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
dawsonbarber

Hi Rob

I suggested marking this thread as resolved in my post yesterday, since I haven't been able to reproduce the problem.

Cheers

Share this post


Link to post
Share on other sites
Rob

The topic was marked as resolved.


Former PageLines Moderator, Food Expert and Raconteur

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


  • Similar Content

    • Peter Esslemont
      By Peter Esslemont+
      Hi,
      When using the editor I am getting duplicate wordpress toolbars and an a nice error to go with it...
      I have them stack 4 high at one point.  Goes away with a refresh then re-appears.
      very odd.

       
       

    • jagipson
      By jagipson+
      We had this site on our cloud 9 server and moved it to a Amazon Web Service server using Cloud Front and now the Editor on chrome is missing just says USE GOOGLE CHROME TO EDIT WITH DMS. Have tried multiple computers and same results. Any solutions why we would be have this problem?  Won't work on any page.
      http://www.viaglobalgroup.com/
      Thanks
       
      Matt
      @Danny @Andrew 

    • 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
×