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/
LT Business Onepage Joomla template demo URL: http://demo.ltheme.com/joomla-one-page-templates/lt-business/
Okie, let go!!!
1/ Identify target content based on browser
(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.
- 5 WordPress YouTube Channels You Should Check Out - March 3, 2023
- [Joomla] How to fix: Default Layout file is not exists! Please goto to template manager and create a new layout first - February 6, 2023
- FREE 20+ Google Docs Cover Letter Templates - January 25, 2023
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
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.
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.
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?
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
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 ?
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.
Hi, I get the menu working right, but what is the way to make the scrolling smoothing?
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!
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?