Hi Antonietta,

I saw your post and it reminded me of one of my customers asking for a second menu.

I used this (free) menu module, there are settings so that you can change the styling and layout to match your site.
https://extensions.joomla.org/extension/ari-ext-menu/

Perhaps it would be of use to you until you get another reply.

Suzanne

Hi Antonietta

Alternatively you can also style all menus in the top-1 module position to appear horizontally. To do so try adding the following to the Custom CSS field of your template settings...

.top-1 .menu {

    display: flex;

    background-color: rgba(0,0,0,.15);

}

.top-1 .menu li {

    border-right: 1px solid rgba(255,255,255,.1);

    padding: 0 20px;

}

Ciaran

Hi Ciaran,

thank you very much for your reply.
Now the second menu is horizontal now.

I would like to know:

- how can I increase the height of this second menu up to 60 px and keep the links centered vertically;

- how can I place this second menu just below the slide show.

The module of the second menu is placed above the "Sentence of the month" module,
but appears below in the front end. I do not understand why.
See the attachments.

Thank you very much.
Kind regards
Antonietta.

Hello

1. To amend replace your CSS with the following (edit to taste)..

.top-1 .menu {

    display: flex;

    background-color: rgba(0,0,0,.15);

    justify-content: center;

}

.top-1 .menu li {

    border-right: 1px solid rgba(255,255,255,.1);

    padding: 9px 24px;

}

.top-1 .menu li:first-of-type {

    border-left: 1px solid rgba(255,255,255,.1);

}

2. Try opening the top module (Frase del mese) settings and select the last item in the Ordering dropdown.

Ciaran

Hi Ciaran,
everything is working very well.
Thank you very much!!!
Regards
Antonietta

Thanks for asking Antonietta, and Ciaran for the turtorial,

I look forward to using this method next time I need a second menu

Suzanne

Hi Ciaran,
I saw the web page layout by mobile with Google Chrome. The result is not the best because the second menu isn't responsive.
I don't know what'd happen if I added other menu items.
See the attachment.

Is it possible to improve it in your opinion?

Thank you very much.
A nice evening
Antonietta

Hi Antonietta

To amend you can try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

@media only screen and (max-width: 767px) {

	.top-1 .menu {

	    flex-direction: column;

	    text-align: center;

	}

}

Ciaran

Thank you very much for your reply.
Now it's responsive.
I ask for you a thing: would it also be possible to add the three menu items (Archivio Nomi, Archivio ricette e Archivio superstizioni)
to the MOBILE Main Menu or is it too much difficult?

A nice day.
Antonietta

Hi Antonietta

The only option would be to add the items to the main top menu. We can then supply with the required CSS to hide them on desktop.

Ciaran

Thank you very much for your kind reply.
I think about it and then I let you know.
A nice day
Antonietta