Solved Templates

Style Module in Mega Menu

Asked by Roger Elsig 3 years ago Last activity 3 years ago

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?

https://postimg.cc/tYhSNt8x

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

Accepted answer

Marked as the solution
Pavel
3 years ago · edited

Hi 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 Staff
3 years ago

Thanks Pavel for your opinion.

Hi Roger

You can follow Pavel's code.

5 more replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
3 years ago

Hi

Thanks for contacting us. Could you please check your credentials? I cant access on that.

-Regards.

Roger Elsig Asked this
3 years ago

Sorry, now it should work

Mehtaz Afsana Borsha Staff
3 years ago

Hi

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 Asked this
3 years ago

Hello

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.

Roger Elsig Asked this
3 years ago

Thank you very much, works perfect

Log in to reply.