Last updated: August 5, 2025

Header Configuration

Access header settings at: Yomooh Theme > Header Settings

Main Header Options

1.1 Header Templates

  • Header Template Shortcode: Insert Elementor template shortcode for complete header customization

    • Example: [yomooh-template id="7"]

    • Create templates in Templates > Saved Templates in Elementor

1.2 Logo Settings

  • Main Logo: Upload your primary logo (PNG/SVG recommended)

  • Dark Mode Logo: Optional alternate logo for dark mode

  • Logo Dimensions: Set exact width and height (default: 180×40px)

1.3 Layout Options

  • Header Container: Choose between full-width or custom width

  • Sticky Header: Enable/disable sticky behavior on scroll

  • Background Settings:

    • Default/Color/Transparent options

    • Custom background color picker

1.4 Header Elements

  • Search Icon: Toggle search functionality

  • Theme Mode Switcher: Dark/light mode toggle

  • Call-to-Action Button:

    • Customizable text and URL

    • Appears in top navigation

1.5 Additional Features

  • Popup Sign In: Enable modal login form

  • Mobile Menu Breakpoint: Set when mobile menu appears (default: 992px)