--- title: Header Module --- [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com/?hsLang=en) - Components #### Components Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ornare sed consequat tempus sed adipiscing pellentesque ullamcorper . - [Style Guide](https://horizonthemedev.com/style-guide?hsLang=en) - [Header](https://horizonthemedev.com/header) - [Footer](https://horizonthemedev.com/footer?hsLang=en) - [Featured Image](https://horizonthemedev.com/featured-image?hsLang=en) - [Shape Divider](https://horizonthemedev.com/shape-divider?hsLang=en) - [Fancy Headline](https://horizonthemedev.com/fancy-headline?hsLang=en) - [Accordion](https://horizonthemedev.com/accordion?hsLang=en) - [Creative Tabs](https://horizonthemedev.com/creative-tabs?hsLang=en) - [Timeline](https://horizonthemedev.com/timeline?hsLang=en) - [Blog Post Cards](https://horizonthemedev.com/blog-post-cards?hsLang=en) - [Testimonial Slider](https://horizonthemedev.com/testimonial-slider?hsLang=en) - [Pricing Cards](https://horizonthemedev.com/pricing-cards?hsLang=en) - [Image Gallery](https://horizonthemedev.com/image-gallery?hsLang=en) - [Image Text](https://horizonthemedev.com/image-text?hsLang=en) - [Image Slider](https://horizonthemedev.com/image-slider?hsLang=en) - [Content Tabs](https://horizonthemedev.com/content-tabs?hsLang=en) - [Background Overlay](https://horizonthemedev.com/background-overlay?hsLang=en) - [Featured Form](https://horizonthemedev.com/featured-form?hsLang=en) - [Flip Cards](https://horizonthemedev.com/flip-cards?hsLang=en) - Icon List - [Popup Modal](https://horizonthemedev.com/pop-up?hsLang=en) - Scroll Arrows - [Social Follow](https://horizonthemedev.com/social-follow?hsLang=en) - [Column Swiper](https://horizonthemedev.com/column-swiper?hsLang=en) - [HubDB Listing](https://horizonthemedev.com/hubdb-listing?hsLang=en) - [Multistep Form](https://horizonthemedev.com/multistep-form?hsLang=en) - [Dynamic Tabs](https://horizonthemedev.com/dynamic-tab?hsLang=en) - [Team Members](https://horizonthemedev.com/team-members?hsLang=en) - [Button Group](https://horizonthemedev.com/button-group?hsLang=en) - [Event Calendar](https://horizonthemedev.com/event-calendar?hsLang=en) - Interactive Landings - [Scrolling Animations Landing 1](https://horizonthemedev.com/scrolling-animations-landing-2?hsLang=en) - Blog - Help ###### COMPONENTS # HEADER --- Choose from the most common and useful layouts for your header according to the needs of your website project. [View Variants](https://horizonthemedev.com/header#section-2) ![Frame](https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/Frame.png "Frame") ## VARIANT: MENU RIGHT --- This module includes the logo, the main navigation, a primary button, and the optional search functionality.  [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) - Item menu - Item menu - Item menu - Item menu - Item menu - Item 1 - Item 2 - Item 3 - Another Item 1 - Another Item 2 - Another Item 3 - Another Item 4 - Another Item 5 - Item 4 - Item 5 [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) - Item menu - Item menu - Item menu - Item menu - Item menu - Item 1 - Item 2 - Item 3 - Another Item 1 - Another Item 2 - Another Item 3 - Another Item 4 - Another Item 5 - Item 4 - Item 5 [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) ## VARIANT: MENU LEFT --- This variation includes the main navigation on the left, next to the logo to highlight the button on the right. It may also include the search functionality. [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) - Item menu - Item menu - Item menu - Item menu - Item menu - Item 1 - Item 2 - Item 3 - Another Item 1 - Another Item 2 - Another Item 3 - Another Item 4 - Another Item 5 - Item 4 - Item 5 [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) - Item menu - Item menu - Item menu - Item menu - Item menu - Item 1 - Item 2 - Item 3 - Another Item 1 - Another Item 2 - Another Item 3 - Another Item 4 - Another Item 5 - Item 4 - Item 5 [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) ## VARIANT: MENU CENTER --- This variant includes the logo, the navigation menu and a button with a even spacing between them. It may also include the search functionality. [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) - Item menu - Item menu - Item menu - Item menu - Item menu - Item 1 - Item 2 - Item 3 - Another Item 1 - Another Item 2 - Another Item 3 - Another Item 4 - Another Item 5 - Item 4 - Item 5 [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) - Item menu - Item menu - Item menu - Item menu - Item menu - Item 1 - Item 2 - Item 3 - Another Item 1 - Another Item 2 - Another Item 3 - Another Item 4 - Another Item 5 - Item 4 - Item 5 [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) ## VARIANT: LOGO TOP --- This varian displays the logo on top and a bar below it with the navigation bar and optional button and search functionality. It is recommended for navigation menus with many items. [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) - Item menu - Item menu - Item menu - Item menu - Item menu - Item 1 - Item 2 - Item 3 - Another Item 1 - Another Item 2 - Another Item 3 - Another Item 4 - Another Item 5 - Item 4 - Item 5 [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) - Item menu - Item menu - Item menu - Item menu - Item menu - Item 1 - Item 2 - Item 3 - Another Item 1 - Another Item 2 - Another Item 3 - Another Item 4 - Another Item 5 - Item 4 - Item 5 [![Horizon Logo](https://5915953.fs1.hubspotusercontent-na1.net/hub/5915953/hubfs/raw_assets/public/horizon-theme/images/style-guide-images/logo-header.png?width=60&height=65&name=logo-header.png "Horizon Logo")](https://horizonthemedev.com?hsLang=en) [![logo](https://5915953.fs1.hubspotusercontent-na1.net/hubfs/5915953/raw_assets/public/horizon-theme/images/logo-horizon-dark.svg "logo")](https://horizonthemedev.com?hsLang=en) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Copyright © 2026 Horizon Theme . All Rights Reserved. × ![On The Fuze](https://www.onthefuze.com/hs-fs/hubfs/OTF-white.png?width=72&height=55&name=OTF-white.png "On The Fuze") Powered by **On The Fuze** Like this theme? We'll install it on your HubSpot portal and build your website. [Contact us](https://www.onthefuze.com/contact-us)