Docs

[Gaurav]

Hi,

I am trying to integrate Primary menu(nav-bar), nav-bar with Scrollspy & Affix and nav-tabs in a page which looks something like this- http://strontium.biz/actual-products-testing/.

To do this I am using these libs-
<link rel=”stylesheet” href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css”&gt;
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js”></script&gt;
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js”></script&gt;
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script&gt;
<script src=”http://strontium.biz/wp-includes/js/jquery/smoothscroll.js&#8221; type=”text/javascript”></script>

The issue is, as I am using the above-mentioned libs the primary menu which I have set to be fixed at the top of the page, is scrolling along with the page and there is a drop down menu (have a look- http://strontium.biz/products/memory-cards/mobile-memory-cards/) which is not working. I’ve tried everything and I can’t get it to work. Please check my links and see if you can find where I’m going wrong, would help me so much.

[Rupok]

Hi there,

It seems you are using them within a section and it’s working fine here – http://strontium.biz/actual-products-testing/

I am not sure where you are using this for the other page. You can do the same as the other page. Unfortunately we can’t assist much on such customization.

Thanks for understanding.

[Gaurav]

No its not working properly. Sorry, I had removed two libs (mentioned below) from the page for testing purpose.

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js”></script&gt;
<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js”></script&gt;

Have a look at http://strontium.biz/actual-products-testing/ now.

Notice that the primary menu is scrolling along with the page. If I remove these two libs the primary menu stays exactly where it should and the dropdown menu is also working properly.

But without these two libs, the scroolspy menu and nav-tabs which I have used to display the products are not working properly. On clicking them the page is scrolling unnecessarily. Take a look at http://strontium.biz/products/memory-cards/testing-nav/.

How can I use these libs without effecting the primary menu.

[Nabeel A]

Hi again,

It sounds like you might be having an issue with a third party plugin or script. Regretfully, we cannot provide support for third party plugins or scripts as our support policy in the sidebar states due to the fact that there is simply no way to account for all of the potential variables at play when using another developer’s plugin or script. Because of this, any questions you have regarding setup, integration, or troubleshooting any piece of functionality that is not native to X will need to be directed to the original developer.

Thank you for your understanding.

[Author]

Posts