Menu has Two Lines
Holger Busch
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
Paul Frankowski
Accepted Answer.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)
Mehtaz Afsana Borsha
Accepted AnswerHi
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.
Paul Frankowski
Accepted AnswerExample 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
Accepted AnswerIs this solved now? And thanks Paul for helping him.
Paul Frankowski
Accepted AnswerIs 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.
Holger Busch
Accepted AnswerI 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
Accepted Answer@media screen and (min-width: 999px) {
#sp-main {margin-top: 40px;}
}should help, you can use higer value as well.
Holger Busch
Accepted AnswerAmazing. We are at 98% :-) How can I set the complete background black of the menu?