Docs

[kriziaalba]

Hello,

I can’t figure out why the one page is not working me. I assigned ids in the page sections through cornerstone and I added those ids in custom links in menu with #. I read that there could be an issue with a full page revolution slider on the home page, but mine is full width. Can you take a look and tell me what I can do to make it work?

Thanks,

Krizia

[Nabeel A]

Hi Krizia,

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.

[kriziaalba]

This reply has been marked as private.

[Rupok]

Hi Krizia,

There is nothing on your home page so I guess you are referring other pages. But I am not sure where (which page) you exactly set up the One Page Navigation. Note that One Page Navigation supposed to work within a single page and your sections must be within the page. I can’t see any page with the IDs you have added within the menus.

Thanks!

[kriziaalba]

Hi! Ok can you check it now and see if you can find the issue?

Thanks!

-Krizia

[Rupok]

Hi Krizia,

Thanks for writing back. I think I have addressed the issue already on previous reply. Your home page is like this – http://prntscr.com/cvnvdj

So there is no other section. So I am not really sure where you have used One Page Navigation as your website is not single page website. Kindly clarify where you have used it and where are those sections with the IDs you have added to the menu.

Cheers!

[kriziaalba]

This reply has been marked as private.

[Rupok]

Hi Krizia,

Thanks for writing back. Maybe you didn’t get the previous reply correctly. One Page Navigation supposed to be used on dingle page website. You should have the sections on the same page where you have set the menu. But I can’t see the sections anywhere so how the navigation should work?

Hope this makes sense.

Cheers!

[kriziaalba]

Hi again,

I am growing very frustrated. You keep telling me to refer to your previous replies but I obviously do not understand your replies. I understand that one page navigation is supposed to be used on a single page website. That is what I am trying to do. Can you explain to me how I am supposed to place the sections on the same page? I have looked at previous forums and video tutorials and I have tried to follow all the steps but I do not know what I am missing or doing wrong, which is why I am asking for help.

-Krizia

[kriziaalba]

Hi Rupok,

I was able to get someone to help me out. I was finally able to achieve the one page navigation for my site.

Thanks,

Krizia

[kriziaalba]

Hello again,

I am having issues with my nav bar and footer. I don’t see them at all. Can you tell me what I need to do to get them back?

Thanks,

Krizia

[kriziaalba]

So I was able to get the nav bar and footer back but how can I make the nav bar invisible until scrolling to section 2?

-Krizia

[Rupok]

Hi Krizia,

I figured out that your home page is http://www.krizialaux.com/home/ not http://www.krizialaux.com/ that was creating confusion because you didn’t mention this when I was asking for the exact page URL where One Page Navigation is setup. Whenever we visited your site (http://www.krizialaux.com/) there was just a slider and no navigation and that was creating the confusion.

However do you want to show your Navbar after scrolling down a section? It would be a bit tricky. Let’s follow the steps carefully.

You can add this under Custom > JavaScript in the Customizer.

jQuery(document).ready(function($) {
  $(window).scroll(function() {
    var scrollPos = $(window).scrollTop(),
        navbar = $('.x-navbar');

    if (scrollPos > 600) {
      navbar.addClass('alt-color');
    } else {
      navbar.removeClass('alt-color');
    }
  });
});

Then add this under Custom > CSS in the Customizer.

body.x-navbar-fixed-top-active .x-navbar-wrap {
  background-color: transparent;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.x-navbar {
  opacity: 0;
  transition: all 0.3s ease 0s;
}

.x-navbar.alt-color {
  opacity: 1;
}

Hope this helps.

[kriziaalba]

Thank you. I decided to remove this theme as I have had too many issues since I installed it. I began getting an Ajax error now and several forum posts don’t show promises solutions.

-Krizia

[Paul R]

You’re welcome! 🙂

[Author]

Posts