Canvas Support

Submenu does not reflect CSS color when adaptive-color-scheme

8 replies · opened Apr 24, 2022

PpardthemonsterApr 24, 2022

I am using this to control colors:
`

  • `

When in light mode, submenu reflects correct color scheme (blueish), however in dark mode it uses them default green (#1ABC9C) taken from:

	.dark .primary-menu:not(.not-dark) .sub-menu-container,
	.dark .primary-menu:not(.not-dark) .mega-menu-content {
		background-color: #333;
		border-color: rgba(255,255,255,0.05);
		border-top-color: #1ABC9C;
	}

AND

	.dark .primary-menu:not(.not-dark) .sub-menu-container .menu-item:hover > .menu-link {
		background-color: rgba(0,0,0,0.1);
		color: #1ABC9C;
	}

Example in https://www.aaronbonine.com/portfolio-birds-test.html, when using Submenu of Portfolio.

SSemicolon WebSTAFFApr 24, 2022

Hello,

Apologies for the Inconveniences caused! This is a Bug.

Consider using the Updated File attached to this reply.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

PpardthemonsterApr 25, 2022

Thanks and this partially resolved it. I have updated colors.php and cleared cache. The same URL above will show partial correction as the sub-menu items still don't reflect the correct color.

SSemicolon WebSTAFFApr 25, 2022

Hello,

Apologies for the Inconveniences caused!

We have just checked this out and it appears to be working fine for us. Please check the Image attached.

Additionally, we had tested the codes in our dev files before providing it to you, so it should have worked fine. Can you please consider checking this again and let us know if everything is working fine? Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

PpardthemonsterApr 25, 2022

The page you are accessing in the screenshot (404.html) uses a temporary "dark-temp-fix.css" file with overrides colors.php for correct color. You can see proper issue using the default dark.css either here:

portfolio-birds-test.html

OR here:

https://www.aaronbonine.com/adaptive-scheme.html (default file but adds `

  • `)
SSemicolon WebSTAFFApr 27, 2022

Hello,

Apologies for the Inconveniences caused!

Please allow us sometime to thoroughly look into this and provide you with a proper solution. Thanks for your Kind Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

PpardthemonsterMay 1, 2022

Have you been able to find a solution similar to the initial solution regarding the other part of the issue?

SSemicolon WebSTAFFMay 2, 2022

Hello,

Thanks for your Patience!

Yes, we have fixed this issue and will be providing you with the File shortly.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

SSemicolon WebSTAFFMay 4, 2022

Hello,

Thanks for your Super Kind Patience!

Please consider using the Updated File attached to this reply. We have checked this out and it appears to be working fine for us with the Latest Package.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard