Style Module In Mega Menu
Roger Elsig
Hello
I'm using modules in the megamenu for the Helix Ultimate 2.0 template. Unfortunately I can't find the place where I can make changes to the look or is this only possible via CSS?
I want to get rid of the bullet in front of every menu and I want to change the hover color to #DE1111.
Can you please advice?
Thank you
Pavel
Accepted AnswerHi Mehtaz.
In your code are mistakes.
And in general, it is about the module added to the mega menu, but not about the mega menu itself, as I understand it. Therefore, even if this code will be corrected, it does not solve the problem.
The code should be like that I guess (if it is Menu module)
.sp-mega-group .menu {
list-style: none;
margin: 0;
padding: 0;
}
.sp-mega-group .menu a {
color: red;
}
.sp-mega-group .menu a:hover {
color: blue;
}Never use !important for no good reason
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please check your credentials? I cant access on that.
-Regards.
Mehtaz Afsana Borsha
Accepted AnswerHi
Use this custom CSS
.sp-megamenu-parent>li>a:hover, a:focus, a:active{
color:#DE1111 !important;
}
.sp-megamenu-parent>li>a{
list-style-type:none !important;
}
Go to system--> https://prnt.sc/tDbSUJh6LiGu --> Default template-->Template options--> https://prnt.sc/A5nlsBvCQsqs And add your CSS there.
Roger Elsig
Accepted AnswerHello
Thank you, unfortunately the screenshot don't work. I added this to the custom Code in the template, but it doesn't seem to have an effect.