Important: Do not tick the “On save, give me the CSS code to save in child theme style.css?” option if you want the new colors to apply when saving Theme Options. This option should be ticked only if you plan to manually add the CSS code to style.css , as it will prevent Theme Options from saving styles.

Mobile Menu Colors

These settings let you change the mobile menu colors from Header -> Mobile Menu Colors

Mobile Header Background Color
Changes the background color of the mobile header.

Mobile Header Icon Color
Changes the color of the icons in the mobile header.

Mobile Menu Font Color
Changes the font color of the mobile menu items.

Mobile Menu Hover Font Color
Changes the font color when hovering over mobile menu items.

Mobile Menu Item Hover Background Color
Changes the background color when hovering over mobile menu items.

Mobile Menu Background Color
Changes the background color of the mobile menu.

Mobile Menu Item Border Color
Changes the border color of the mobile menu items.

This is the Mobile Menu view – to test the colors you add in Theme Options