Change the header height

The total header height is determined by the visible Top bar, Main header, and Header bottom rows. Each row has independent height controls.

Configure row height

  1. Open the required header in Dashboard -> WoodMart -> Header builder.
  2. Click Edit settings on the row.
  3. Use Row height for desktop devices and Row height on mobile devices for screens 1024 px and below.
  4. If Make it sticky is enabled for the row, configure Row height on sticky header.
  5. Save the row settings and click Save header.
Header settings dialog showing height controls for desktop and mobile row height, plus responsive hide toggles
Set independent row heights for desktop, mobile, and sticky states.

Sticky header clone height

When Sticky header clone is enabled, its height is not controlled by an individual row. Open Header settings -> Sticky header and use Sticky header height instead.

If the content inside a row requires more space than the selected value, elements such as the logo may be scaled or constrained to fit.