Submenu items in the mobile menu are displayed with a different background - Forum | JoomShaper
Solved SP Page Builder

Submenu items in the mobile menu are displayed with a different background

Asked by Deich8 2 years ago Last activity 2 years ago

Hello,

the submenu items in the mobile menu are displayed with a different background (see graphic).

https://imgur.com/a/sw08MNk

How can I change this?
Best regards
Ingo

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
2 years ago · edited

Hi Ingo,

Override that default bg color:

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  background: rgba(0,0,0,0.02);
}

as you know (I hope), CSS allows you to use transparent value as well.

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  background: transparent;
}

5 more replies

Oldest first Newest first Most helpful
Deich8 Asked this
2 years ago

Hello Paul,
many thanks for the quick response.
It works!
Best regards
Ingo

Deich8 Asked this
2 years ago

Hello Paul,
can also mouseover and activated appear in transparent?
Best regards
Ingo

Paul Frankowski Senior Staff
2 years ago

This should help

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a, 
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a {
  background: transparent !important;}
Deich8 Asked this
2 years ago

Thank you very much Paul,
you are a great team.
Best regards
Ingo

Paul Frankowski Senior Staff
2 years ago

You're welcome. Please mark topic as solved.

Log in to reply.