Archived topic
Dark Mode CSS Elements
1 reply · Started by Rohith on June 25, 2021
I am using some Dark Mode plugin, there's an option to hide elements using css classes. I am using these four classes now .main-navigation, .inside-navigation, .custom-search, .site-header. But, you can enable the dark mode and see in my site: the header background is not getting changed completely, the background items of Menu is not getting changed, search box, and off canvas panel is also not getting changed. I kindly request you to please give the correct css classes through which I can show the same header and main navigation in dark mode also.
Hi there,
I'm not sure how that plugin works, but here are the classes in the theme:
Site header: site-header
Off-canvas panel: slideout-navigation
Main navigation: main-navigation
Search box: custom-search
If you feel like the plugin isn't working, it might be worth reaching out to their support to see if there's a setting that needs to be adjusted using the classes above.
Hope this helps.
