Menu has two lines - Forum | JoomShaper
Solved Templates

Menu has two lines

Asked by Holger Busch 10 months ago Last activity 8 months ago

Hello, I am using joomla 5 with helix ultimate in the latest versions.
On one site I have the challenge, that the people would like to have many menu points. So actually the menu has two lines.
Is there a chance to add the black background to the whole menu?

Greetings

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
8 months ago · edited

.sp-megamenu-parent {background: black;} to get 99% score

but you have to disable [=] icon on dekstop view to make whole header solid black (100%)

template options > menu > megamenu > menu type > megamenu (only)

12 more replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us. Yes, it's possible. Could you please provide the site link? Do you want it like this? The site you provided.

-Regards.

Holger Busch Asked this

The site link is in the hidden content

Paul Frankowski Senior Staff

Example CSS that may help:

.sp-megamenu-parent > li {background: black;}

Between Us, using numbers 1., 2. and BIG LETTERS takes too much space.

Mehtaz Afsana Borsha Staff

Is this solved now? And thanks Paul for helping him.

Holger Busch Asked this

Resolved at 1/2 :-)
The Background is black now.
Is it possible, that the slider is moving down, so that the secon row ist not covering the slider?

Paul Frankowski Senior Staff

Is possible. In Page Builder in Home page, in first row - add bigger top padding or top margin for Desktop view only. I guess you need + 60px more.

Mehtaz Afsana Borsha Staff

Hi

Is this solved now?

Holger Busch Asked this

I am sorry for the break. It is solved at about 90% lets say.
I would be happy if the content is shiftet down so that the second menu line is not covering the content.
Is that possible?

Paul Frankowski Senior Staff
@media screen and (min-width: 999px) {
#sp-main {margin-top: 40px;}
}

should help, you can use higer value as well.

Holger Busch Asked this

Amazing. We are at 98% :-)
How can I set the complete background black of the menu?

Paul Frankowski Senior Staff

I see that you have two rows of solid black bg color.

Ser Gut

Log in to reply.