Header Layout and Logos

  • Edit the header separately — click directly into the header area to access its own edit mode

  • Always add a site title even if you have a logo — search engines read text, not images, and the title appears in unexpected places

  • Logo tips: use a transparent PNG; set height separately for desktop and mobile; you can use a different (simpler) logo for mobile

  • Elements you can add to the header: button (e.g. "Contact Us"), social links, cart, and account login

  • Social links draw their color from the primary button color; custom CSS in the template adds a hover effect; you can toggle individual platforms on/off

  • Dropdown arrow can be added to nav items with sub-pages so visitors know to hover

  • Header layout & design options: adjust spacing, element positioning, size (full vs. inset), and add a drop shadow

  • Fixed/sticky header — you can pin the header so it stays visible while scrolling

  • Background options: solid color, gradient, adaptive (matches next section), or transparent with blur effect

  • Cart icon is customizable — change style (bag, cart, etc.), add text, and adjust appearance

  • Header button works like any other link — connect it to a page, phone number, or URL and style it as primary/secondary/tertiary

⭐ Core advice: play around with the settings — there's a lot to explore but keep it clean and simple