CODEWITHSUNDEEP
jqueryhtmlwordpressurlpermalinks
tinkz
tinkz

Reputation: 120

Wordpress - One page navigation

I'm a complete Wordpress newbie so maybe my question is like super dumb. I installed a Wordpress and a theme, (works well). This theme is a static one page navigation with one main top menu. Very classic

When you click on the contact button, it scrolls all the way down with a nice parallax effect (it was in the theme). The thing is, it only works with CONTACT and HOME (the first one). I tried everything, there's no differences in the page settings, they're all templates issued, with a navigation ID that is the same as what is in the menu.

The only difference there is is that when I click on CONTACT or HOME the URL stays the same http://website.com . BUT when I click on the other ones (those that dont work) the URL become this : http://website.com/#slug .

I get that this is what makes the difference but I have no idea how to change that.

Edit : If I download the demo content of the theme it works great without changing anything.

Save me :p.

Thank you for your time.

Upvotes: 1

Views: 84

Answers (1)

Ylama
Ylama

Reputation: 2489

website.com/#slug means the page header link wants to go to an ID section on that page if the section doesnt have an id called slug it wont work.

Example.

.height {
min-height: 150px;
}
<a href="#section1">header</a> <br> <a href="#section2">content</a> <br> <a href="#section3">bottom content</a> <br> <a href="#section4">footer</a>

<div class="height" id="section1">header (the divs could be anything from p tags to a tags, form tags...)</div>
<div class="height" id="section2">content</div>
<div class="height" id="section3">bottom content</div>
<div class="height" id="section4">footer</div>

should be something like this... So your menu has to link to the correct section id. Then it should work.

Upvotes: 1

Related Questions