Breakdance offers an intuitive header and menu builder functionality, enabling users to create versatile and visually appealing website headers. This overview covers the basics of constructing a header using Breakdance’s built-in elements, which requires no add-ons or coding.
A typical header in Breakdance might include a logo image, a menu with various dropdown styles, a search button with a full-screen search form, a WooCommerce mini cart element, and a call-to-action button. This setup ensures that all key navigation elements are easily accessible.
The Header Builder functions like a section but includes additional features for menu construction. For instance, enabling the ‘Sticky Header’ option under ‘Sticky’ in the header builder settings makes the header stick to the top of the screen on scroll. Users can further customize this sticky behavior, such as setting it to hide after a certain scroll distance or changing its appearance when sticky (e.g., adding a shadow).
To create a sticky header:
The Menu Builder allows for the creation of intricate menu designs. Using the WP Menu element or Menu Builder, users can construct custom dropdowns and links. The Menu Builder offers flexibility to create menus with single or multiple columns and even allows inserting custom content within dropdowns.
To customize dropdown menus:
To build a new header:
After setting up your header, ensure to test its responsiveness across various devices. Breakdance’s headers are designed to look great on mobile devices without additional adjustments, but it’s always good practice to verify.
While this overview covers basic header and menu building, Breakdance offers more advanced options for creating intricate headers. These include overlay headers, custom sticky headers with different content, and much more. Explore these features to enhance your website’s header design further.