Nav Block Modal Color Issue

Hello, I have the following problem:

My website should be in dark mode. I have added the nav block to my header. If I want to change the colors I can change this in the style options. I have tried to change the color of the modal of the nav block. When I change the color I see direct effects in the editor. Everything seems to be fine there. But when I load the page I see that my modal is white and takes the settings from (.cc-nav).

Am I doing something wrong or is this a bug?

WordPress version: 6.4.3
Cwicly Plugin version: 1.4

Hi @shopbauer,

Just to confirm, are you saying you have switched on dark mode from the global toggle or did you trigger it some other way (e.g. by adding the dark class to a container)?

Screenshot 2024-02-02 at 02.55.14

Either way, you may also want to check you have not toggled the switch for the individual block to light mode:

Screenshot 2024-02-02 at 02.59.13

You also may want to check if this confirmed bug is related to your issue:

1 Like

Hello @shopbauer,

This does sound unusual.
@StrangeTech has given some nice hints as to why this might be happening.

You might also want to send us ( a frontend link so that we can check things out for you.


It seems that this class overwrites everything:

@media screen and (max-width: 992px) {
.cc-nav[breakpoint=md] .cc-nav-wrapper {
top: 0;
min-height: 100vh;
max-height: 100vh;
background-color: #fff;
Visibility: hidden;
max-width: 100%;
Width: var(–cc-nav-m-width,400px);
z-index: 100;
padding-top: var(–wp-admin–admin-bar–height,0);
transition-duration: var(–cc-nav-modal-animation, .4s);
overflow-y: auto;
overflow-x: hidden

If I overwrite CSS in the nav block, it works with the color.

@media screen and (max-width: 992px) {
.cc-nav[breakpoint=md] .cc-nav-wrapper {
background-color: #0074e4;