The Joomla Training Cohort has been launched!

Please send any feedback or bug reports to tim@cybersalt.com (opens new link)  

 

 

00:00 Introduction

Tim Davis introduces the topic of converting vertical menus to horizontal menus in default Joomla templates.

00:32 Sponsor Message: MySites.guru

Introduction of the video sponsor and their Joomla site audit tools.

00:51 Overview of the Task

Explanation that Joomla's default templates come with vertical menus by default.

Tim addresses Terry's question about changing the menu to horizontal in Joomla 3 and Joomla 4.

01:39 Joomla 4: Setting up Horizontal Menu

Demonstrates using a Joomla 4 installation with the Cassiopeia template.

Accessing template positions to identify where to move the menu module.

Moving the menu module from "Sidebar Right" to "Menu" position to achieve a horizontal layout.

04:40 Joomla 3: Setting up Horizontal Menu

Switches to a Joomla 3 installation with a basic setup.

Accessing template positions through Extensions -> Templates -> Options -> Preview Module Positions.

Moving the main menu module to "Position 1" and applying a class suffix to make it horizontal ("nav-pills").

07:17 Conclusion and Call to Action

Summarizes the process of converting a vertical menu to a horizontal one in default Joomla templates.

Encourages viewers to like, subscribe, and click the bell icon for notifications.

 

Summary

 

Introduction: Tim explains the challenge of changing default vertical menus to horizontal menus in Joomla templates.

Sponsor Message: Highlighting MySites.guru and their Joomla site audit tools.

Overview of the Task: Addressing Terry's query about modifying the default Joomla template menus.

Joomla 4: Demonstrating the process in Joomla 4 using the Cassiopeia template.

Identifying and moving the menu module to the "Menu" position for a horizontal layout.

Joomla 3: Transitioning to Joomla 3 and showcasing the steps involved.

Accessing template positions through Extensions -> Templates -> Options -> Preview Module Positions.

Moving the main menu module to "Position 1" and adding a class suffix ("nav-pills") to achieve a horizontal display.

Conclusion: Summarizing the steps required to convert a vertical menu to horizontal in both Joomla 4 and Joomla 3.

Call to Action: Encouraging viewers to like the video, subscribe to the channel, and enable notifications.

Please send any feedback or bug reports or queries to;

Contact Tim Davis ► This email address is being protected from spambots. You need JavaScript enabled to view it.

Joomla Training Cohort ► https://cybersalt.com/jtc

JTC has been launched and is now accepting members https://cybersalt.com/services/subscriptions
mySites.guru ► https://mysites.guru
Backing Up Your Joomla Site with Akeeba ►https://www.youtube.com/watch?v=4Xu4o0g2-RY&t=0s
FOLLOW US ON X(TWITTER!) ► https://x.com/basicjoomla
LIKE US ON FACEBOOK! ► https://www.facebook.com/basicjoomla
SUBSCRIBE US ON YOUTUBE ►//www.youtube.com/@Basicjoomla

#basicjoomla

#cybersalt

Monday Maintenance 218


Interesting blog? Like it on Facebook, Post it or share this article on other bookmarking websites.

Written by:
Tim Davis is the founder and owner of Cybersalt.
Log in to comment

Add comment

Submit