Submenu Items In The Mobile Menu are Displayed With A Different Background - Question | JoomShaper
Back to the questions

Submenu Items In The Mobile Menu are Displayed With A Different Background

Deich8

Deich8

SP Page Builder 1 year 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

0
6 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #171838

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;
}
0
Deich8
Deich8
Accepted Answer
1 year ago #171840

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

0
Deich8
Deich8
Accepted Answer
1 year ago #171842

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #171845

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;}
0
Deich8
Deich8
Accepted Answer
1 year ago #171848

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #171850

You're welcome. Please mark topic as solved.

0