Toggle border CSS hover color - Design Cloud Header

I can’t figure out what CSS code add to your beautiful Design Cloud “Business Success” Navigation Modal Toggle in order to change the color when hovering with mouse in the mobile versione.
This is what’s happening now:

How to turn the Graphic Toggle into white when hovering?
Thank you so much!

Howdy, @skated! Thanks for writing in and for the kind words. It appears for that particular asset that our team used a little bit of Custom CSS to change the toggle’s appearance under certain circumstances. You can access its Custom CSS by clicking on the toggle, going to the Customize control group, then clicking on the Element CSS control, which will reveal the following popup:

You can update that CSS as necessary to suit your design. Cheers!

Hey Giacomo,

Have you found the element CSS already? Please check out this documentation article and follow the suggested response by @Kory:

If nothing is helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WP login URL
– WP username
– WP password
– WP Administrator Role

To know how to create a secure note, please check this out: How The Forum Works

Best Regards.

I found the CSS element, but still I can’t make it working (as in the picture).

I’ll put my credentials in the Secure Note.

Hello Giacomo,

Your custom CSS is incorrect. You should be using this code instead:

@media(max-width: 767px) {
    $el .x-toggle.x-toggle-burger.x-graphic-toggle {
    	color: #303030;
    	border-color: #303030; 
    $el:hover .x-toggle.x-toggle-burger.x-graphic-toggle {
    	color: #fff !important;
      border-color: transparent;
      background-color: #6b121c;

Check your site now.

Wonderful, it worked!
Thank you so much!!

Hi Giacomo,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our theme features, feel free to reach us.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.