Click to learn more about the most recent premium and free Weebly templates.
Sometimes, you create a drop down menu with several pages and want the parent/top level page to be non-clickable.
For example: http://lamentiatemplate.
When you click on PAGE LAYOUTS page in the site above, you will see that you can’t click through to go that page but you can click through all of its inner pages.
It’s because the PAGE LAYOUTS page doesn’t have content itself. The purpose of that page is to tell visitors where to find demo of page layouts of the template.
There isn’t any way to do that with default Weebly tools and SETTINGS. However, I’ll give you a quick tip to do that today.
Make sure the page you want non-clickable is created by choosing External Link option.
If it isn’t chosen as External Link option, please follow the link below to learn how to do that:
Instead of setting a specific link to that page, you just need to replace httl:// with # in External site area. See the screenshot below.
Click Save & Edit
You will need to add a few lines of code to HTML files so firstly, copy the following lines of code:
var $ = jQuery;
Now click on DESIGN then Edit HTML/CSS at the bottom left side. After that, click on tall-header.html
Scroll through to the bottom. (There is a lot of code in this section, but don’t worry too much about that as most of it can simply be ignored.)
Paste the code you’ve copied to above line:
Repeat the steps above for the rest of HTML file.
You can paste those lines of code to the HTML files of layouts you use; you don’t need to paste to all layouts.
E.g.: If you use No Header layout and Tall Header layout, just paste those lines of code to no-header.html and tall-header.html
Save your changes and you’re all done.