I found this tutorial of how to create a menu like I want in CSS and I can have it working in a stand-alone version. My question is, which one of my Joomla files would I need to add this coding to in order for my Joomla site to have this same look?

Menu Format I want

  • Are you developing a custom template extension for this Joomla instance? – Brian Bolli Aug 29 '16 at 21:10
  • Just wanting to modify the look of the "default" joomla look. The template that is installed when you 1st install joomla. – user2676140 Aug 29 '16 at 22:14
up vote 1 down vote accepted

It is hard to know the best solution without know what your template is. However, I would recommend creating a module override for the menu module, then editing the files.

The easiest way to create overides in Joomla is via the templates section of Joomla admin. If your template is the standard Protostar one, then you'd take the following steps...

  1. Login to your site's administrator area, ie mysite.com/administrator
  2. Under the "Extentions" menu, click "Templates" then "Templates" again.
  3. Click on your template in the list of templates
  4. Click on the "Create Overides" tab.
  5. Under the "Modules" header click on "mod_menu".

You've now created a template override for the menu module. Now you can edit the code. If you did the above with the Protostar template, you will find the files in "templates/protostar/html/mod_menu". In the folder you'll see a "default.php" which is the main code for the menu, this loads child files for the various menu types, "default_component.php", "default_heading.php", "default_separator.php" and "default_url.php".

Further reading...

  • Currently my template is the default template that comes with joomla. I just did a fresh install (or maybe the term would be new install) and I am wanting to customize the menu. – user2676140 Aug 29 '16 at 22:13

The front-end menus and page positions are generated from template. Look into Your_site/templates drive and locate your template there. Most templates directly use page layout in their index.php

  • Thank you for giving me the location to brose. Looking there now. – user2676140 Aug 29 '16 at 22:14
  • mark this as accepted answer, if it solves your issue, so that it can help other community members – Anant Aug 31 '16 at 7:37

Your Answer

 

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.