Create a dropdown that is centered with 100% width

Everything to do with Joomla! 5.x templates and templating.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Post Reply
Nom Anor
Joomla! Apprentice
Joomla! Apprentice
Posts: 22
Joined: Tue Nov 20, 2012 1:02 am

Create a dropdown that is centered with 100% width

Post by Nom Anor » Wed Jun 12, 2024 8:04 pm

Hi,

I'm trying to create a child template of Cassiopeia. I want to create a main menu consisting of a row of links (so far so good).

My problem start when I want to create a dropdown that is centered with 100% width of display. Please see attached image, menu-item "Products". The green bar is how I want the dropdown of "Products" to look.
Skärmbild 2024-06-12 214543.png
I can't for the life of me understand how to achieve this. I would really appreciate if someone could give me some help with this. :)
You do not have the required permissions to view the files attached to this post.

User avatar
AMurray
Joomla! Exemplar
Joomla! Exemplar
Posts: 9964
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: Create a dropdown that is centered with 100% width

Post by AMurray » Wed Jun 12, 2024 9:34 pm

use the default menu module. It already is a "row of links" and is capable of the drop-down menu function.

Refer to https://cassiopeia.joomla.com/help/menu-module.

I would also refer to https://docs.joomla.org/J4.x:Child_Templates/en to further understand setting up child templates.
Regards - A Murray
General Support Moderator

User avatar
Pavel-ww
Joomla! Ace
Joomla! Ace
Posts: 1683
Joined: Tue Jun 30, 2020 12:17 pm

Re: Create a dropdown that is centered with 100% width

Post by Pavel-ww » Thu Jun 13, 2024 7:27 am

Hi
Nom Anor wrote: Wed Jun 12, 2024 8:04 pm I can't for the life of me understand how to achieve this. I would really appreciate if someone could give me some help with this. :)
Hi.

Create this in Cassiopea is not a problem if you have CSS skills. If you do not have skills, use another template that has this on board from the box. For example, Helix Ultimate has a mega menu from the box.
1.jpg
But even with Helix Ultimate you will need some changes in CSS to do everything as you want.

Therefore, this is the advice - study HTML/CSS and you will have no boundaries in creating the appearance as you want, in any template.

However, if you want to stay with Cassiopea and to get help with CSS, create the menu subitems, add images to them in their settings and provide the URL. Only then someone can help you here.
You do not have the required permissions to view the files attached to this post.

User avatar
AMurray
Joomla! Exemplar
Joomla! Exemplar
Posts: 9964
Joined: Sat Feb 13, 2010 7:35 am
Location: Australia

Re: Create a dropdown that is centered with 100% width

Post by AMurray » Thu Jun 13, 2024 10:05 am

Oh, sorry didn't realise the question was about mega-menu type menus.
Regards - A Murray
General Support Moderator


Post Reply

Return to “Templates for Joomla! 5.x”