How create menu with smooth scrolling to anchor in HTML

biuro452
2 Posts
biuro452 posted this 14 August 2015

I would like to create one-page-design in HTML in Themler like this page http://ironsummitmedia.github.io/startbootstrap-agency/ with responsive menu and smooth scrolling effect to anchor in HTML

I read this post http://answers.themler.com/questions/3453/one-page-design but in this post I found only answer how to do it in Joomla and Word Press but I would like to use this in HTML.

Many thanks
Sebastian

I would like to create one-page-design in HTML in Themler like this page http://ironsummitmedia.github.io/startbootstrap-agency/ with responsive menu and smooth scrolling effect to anchor in HTML I read this post http://answers.themler.com/questions/3453/one-page-design but in this post I found only answer how to do it in Joomla and Word Press but I would like to use this in HTML. Many thanks Sebastian
responsive-menu html5 scroll-page smooth-scroll
Vote to pay developers attention to this features or issue.
1 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 17 August 2015

Hello Sebastian,
although there's no special example for HTML site you may follow the steps provided for WP in the article
http://answers.themler.com/articles/5581/one-page-design-in-wordpress because the idea is the same for all CMSs and HTML.
Here I note the different steps needed for HTML site:
Step 3. instead of adding WP Widget Area control add Text or Text Group fill them with necessary content.
Step 5. it is not needed.
Step 7.now it is the step that prevents us from testing the result in Themler. The result would be seen in the exported site only. It happens because Themler does not allow to change the menu links inside the Themler. So the links should be edited in exported .html files to add anchors.
For example

<li class="bd-menuitem-1">
<a  title="Home Page" href="./home.html">Home</a>

Add anchor

<li class="bd-menuitem-1">
<a  title="Home Page" href="./home.html#home">Home</a>

Step 8 is not needed.
Step 14. Instead of Apply to CMS download the site and follow the step 7.

Regards,
Aileen

Hello Sebastian, although there's no special example for HTML site you may follow the steps provided for WP in the article http://answers.themler.com/articles/5581/one-page-design-in-wordpress because the idea is the same for all CMSs and HTML. Here I note the different steps needed for HTML site: Step 3. instead of adding WP Widget Area control add Text or Text Group fill them with necessary content. Step 5. it is not needed. Step 7.now it is the step that prevents us from testing the result in Themler. The result would be seen in the exported site only. It happens because Themler does not allow to change the menu links inside the Themler. So the links should be edited in exported .html files to add anchors. For example <li class="bd-menuitem-1"> <a title="Home Page" href="./home.html">Home</a> Add anchor <li class="bd-menuitem-1"> <a title="Home Page" href="./home.html#home">Home</a> Step 8 is not needed. Step 14. Instead of Apply to CMS download the site and follow the step 7. Regards, Aileen
You must log in or register to leave comments