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:

LT Business Onepage Joomla template demo URL:

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/5 - (1 vote)

Joomla! 5 update How to Upgrade Joomla! 4 to Joomla! 5? Read our blog
Black Friday & Cyber Monday Deal Grab 50% Off for everything on today, don't miss it. Coupon code: BFCM2023 Redeem Now