This is an instruction how to create One Page Navigation menu in Onepage Joomla templates. I use LT Business Onepage Joomla template as an example for this blog
LT Business Onepage Joomla template details: https://ltheme.com/project/lt-business-free-responsive-one-page-business-joomla-template/
(You can use some browsers for this task such as Firebug, Chrome, Safari, etc. but I recommend you use Firefox and use it for this example.)
a) Use Firefox browser and install Firebug, then you can see Firebug button in browser bar, click on it to open Firebug development tool bar as below
b) Identify id in block section that you want to target when click menu item, in this case, I want to find 4 block contents in LT Business Onepage Joomla template
c) After that, I will use Firebug to find ‘ID’ in above content clock (4 content blocks above), just click to button ‘Firebug’ in browser bar and find element by hover to each section HTML, when you see hight light content fire Firebug, so it’s section content that you’re finding, in this case 4 block content has id is ‘sp-users-wrapper‘.
2/ Create menu item and point menu item to special place in template
a) Go to Admin > Menu > Menu Manager and start to create new menu item that you want target to 4 block contents (which having id is ‘sp-users-wrapper’ as I mentioned above). Go to details of menu item that you’re creating and click to button ‘Select’ in option called ‘Menu Item Type’.
b) When you click button ‘Select’ in option ‘Menu Item Type’, it will appear a popup, then you click to tab ‘System Links’ and select option ‘Internal URL’
c) Put target content based on id of HTML section, remember you must to put ‘#’, thus to id of HTML section
If you have any questions, please feel free to comment below or contact us via Contact Form.
Hello everyone! My name is Kelvin – I’m Founder & CMO at Ltheme. I have more than 10 years in Joomla! & WordPress development, more than 4 years in Digital Marketing, SEO specialist. Everyday I make some blogs for Joomla! and WordPress, support everyone with building beauty websites based on these CMSs, help everyone from Joomla Support Board as Joomla Guru role in forum support.
I have bought LT one page business template recently and installed on localhost. I noticed the problem that the header of each navigation item is not showing when click on the menu link. The header is hiding behind the fixed to menu bar. How can i make the header and content when I click the navigation menu
Hi, we bought lt stable one page theme some weeks ago, I have added some others pages via articles and I want to make the main menu items point to an anchor located in homepage when you are in a page different to homepage, I try to add baseurl/#anchor but that not work, if I make a different menu and add a menu item that points to baseurl/#anchor this one works well but the same kind of url seems to not work in main menu, what can I do to make this work? tks.
Please notice that Onepage version only support for single page with full information about your page. If you use it on other page in website, it won’t work.
I use LT Tea-Template.
Is it possible to create a link/menue item within a section, which navigates to the beginning of another section with smooth scrolling?
You just use Onepage version, so you will have scroll smoothing effect.
If you’re using Premium version, you can order Onepage version, then send us your site address and admin login, so we can help you in implementing onepage effects.
Hi~ I need help on how to make a One Page Navigation Menu in One page Joomla templates. My HTML content looks a bit different. I’m not sure why. I’ve tried do same as your’s but it didn’t work.
We use cookies to improve your experience on our website. By browsing this website, you agree to our use of cookies.
Functional
Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
I have bought LT one page business template recently and installed on localhost. I noticed the problem that the header of each navigation item is not showing when click on the menu link. The header is hiding behind the fixed to menu bar. How can i make the header and content when I click the navigation menu
Hi,
Thanks for your report! Could you please send me the screenshot about your problem via our contact form at https://ltheme.com/frequently-asked-questions/faqs-pre-sales/ ?
I bought lt hotel onepage template and i see the menu, but there is no module showing the menu. How is shown that module there?
I want to use this templete for 2 different languages and i don’t understand how is shown the menu right now withoung any module.
Thanks.
Hi Mariano,
Did you use template package or Quickstart package? please notice that only when you use quickstart package, so you will have sample data like our demo site, see this instruction how to install Quickstart package https://ltheme.com/how-to-install-quickstart-package-using-akeeba-kickstart/
Hi, we bought lt stable one page theme some weeks ago, I have added some others pages via articles and I want to make the main menu items point to an anchor located in homepage when you are in a page different to homepage, I try to add baseurl/#anchor but that not work, if I make a different menu and add a menu item that points to baseurl/#anchor this one works well but the same kind of url seems to not work in main menu, what can I do to make this work? tks.
Hi,
Please notice that Onepage version only support for single page with full information about your page. If you use it on other page in website, it won’t work.
Thank you,
Hi!
I use LT Tea-Template.
Is it possible to create a link/menue item within a section, which navigates to the beginning of another section with smooth scrolling?
Thank you
Oliver
Hi Oliver,
Scroll effect only make for Mainmenu, if you want to make a link with same scroll effect, you have make HTML link like menu structure below
Hi!
i use LT-strategy
In demo template http://demo2.ltheme.com/joomla-one-page-templates/lt-strategy/ as you scroll up and down to change the active menu item (section A – menu item A, section B – item B) . I do not. What is the reason ?
thank
Denis
At demo, it’s latest version with this feature, please send your site address and admin login via email [email protected] , so we can help you do it.
Thank you,
Hi, I get the menu working right, but what is the way to make the scrolling smoothing?
Thanks.
You just use Onepage version, so you will have scroll smoothing effect.
If you’re using Premium version, you can order Onepage version, then send us your site address and admin login, so we can help you in implementing onepage effects.
Thank You! It works 🙂
Glad to help 🙂
Hi~ I need help on how to make a One Page Navigation Menu in One page Joomla templates. My HTML content looks a bit different. I’m not sure why. I’ve tried do same as your’s but it didn’t work.
You can open ticket support, so our staffs can help. Thank you!
Hi,
im using hotel template
but menu links can be used only once (both onpage and outlined menus)
so i can navigate only once…
dont understand why?
Thank you for your info.
You must use onepage license template to get scroll effect like onepage demo. Did you purchase Onepage license?
https://ltheme.com/project/lt-hotel-free-one-page-responsive-resort-hotel-joomla-template/