Docs

[cheekycreative]

On Integrity with a full screen slider above the navbar on the front page, I’d like to make the menu item for the front page jump to the top of the navbar apposed to starting at the #top back into the intro slider and #x-section-1 which puts you too low.

The Navbar doesn’t look like it has a simple ID/Anchor to link to and it looks like you used scripting for the button that is used to scroll down from the slider to the navbar which I don’t think I can use within a menu item.

How do I go about skipping that intro slider if a user navigates back to the front page from the menus. Am I editing a template and adding a new section ID in or do you have a quick trick up your sleeve?

Cheers

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[cheekycreative]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for updating but i am a bit confused about your issue now. If you don’t want to use the slider and use Navabr on top then you can just use the section ID to pint the specific section. And the scroll down within the slider is using script to follow the section but you can replicate this with section ID as well. Let us know where you exactly facing issue to do this.

Cheers!

[cheekycreative]

I want to use the fullscreen slider above the navbar, but upon clicking the menu entry for “home”, I prefer the page loading at the navbar top opposed to back at #top into the the full screen video slider again.

There is no anchor or ID section for the top of the navbar that I can tell, section 1 is too low, and it looks like you used jQuery to jump to the top of the navbar with your own ‘x-slider-scroll-bottom’ button.

Cheers

[Joao]

HI There,

Please go to Appereance > Customizer > Custom > Javascript and add:

jQuery(document).ready(function () {
jQuery('.x-navbar').attr('id', 'navbar');
});

You can than link to #navbar

Hope it helps

Joao

[cheekycreative]

I works great on the front/home page but if your on any other page the menu won’t follow the link and anchors to the current page’s navbar.

For the menu link I have used:

/#navbar
/index.php#navbar
http://path.example.com#navbar
http://path.example.com/index.php#navbar

and no luck with any of those. Something weird is going on, if I punch in the same full url into a blank window it works like a charm as well.

Cheers

[Jade]

Hi there,

Would you mind providing your admin details so we can check this further?

Thank you.

[cheekycreative]

This reply has been marked as private.

[Christopher]

Hi there,

Please add this code :

jQuery(document).ready(function () {
jQuery('body:not(.home) .x-navbar').attr('id', 'http://bpa.cheekycreative.ca/navbar');
});

Hope it helps.

[cheekycreative]

Thanks, that did it. I did tweak it a bit so it wasn’t a static url:

var siteUrl = '<?= get_bloginfo(“site_url"); ?>';
jQuery(document).ready(function () {
jQuery('body:not(.home) .x-navbar').attr('id', ‘“+siteUrl+”/navbar');
});

Thanks for your help!!
Cheers

[Joao]

Glad to hear it 🙂

Have a great day.

Joao

[Rahul]

Glad to hear it now it’s working.

If you have anything further to ask, feel free to let us know. We’d be happy to assist you with anything.

Thanks!

[Author]

Posts