Mobile Header

The Mobile Header controls how your website’s header appears on mobile devices. You can customize its background, button styling, and icon colors to ensure readability and a smooth mobile experience.

Main Background

• Set the main background color of the mobile header.

• Recommended: Use a solid color for better readability on small screens.

Buttons Background

• Customize the background color of mobile header buttons (like menu toggle, search, etc.).

• Tip: Use a contrasting or accent color to make buttons clearly visible.

Button Icons Color

• Define the color of icons inside the buttons (e.g., hamburger menu, search icon).

• Choose a high-contrast color so that icons remain clear against the button background.