Full Header

Full Header - Topbar - Infobar - Navbar
You can create a header by combining all three components, Topbar, Infobar and Navbar into one Header. You can even change their order. In this example, Topbar is first, second is Infobar and third is Navbar.
Full Header - Topbar - Navbar
You can create a header by combining all three components, Topbar, Infobar and Navbar into one Header. You can even change their order. In this example, Topbar is first, second is Navbar and there is no Infobar.
Full Header - Infobar - Navbar
You can create a header by combining all three components, Topbar, Infobar and Navbar into one Header. You can even change their order. In this example, Infobar is first, second is Navbar and there is no Topbar.
Full Header - White Background Color - Dark Font Color
You can change the Header Background Color by choosing between 2 settings, you can choose "Theme Color" or "White Color". If you choose "Theme Color" header gets the same background color you have chosen on Theme Color Settings. You can also change Header Font Color between 3 color settings. In this example we use the "White Color" for Header background and Dark Font color.
Full Header - White Background Color - Gray Font Color
You can change the Header Background Color by choosing between 2 settings, you can choose "Theme Color" or "White Color". If you choose "Theme Color" header gets the same background color you have chosen on Theme Color Settings. You can also change Header Font Color between 3 color settings. In this example we use the "White Color" for Header background and Gray Font color.
Full Header - White Background Color - Navbar Background Color "Warning"
You can change only the Navbar Background Color. In this example we use the "White Color" for Header background and "Warning" Background color for Navbar.
Full Header - Orange Gradient Background Color - Navbar Background Color "Red Gradient"
You can change only the Navbar Background Color. In this example we use the "Orange Gradient Color" for Header background and "Red Gradient" Background color for Navbar.
Full Header - Blue Gradient Background Color - Navbar Background Color "Orange Gradient"
You can change only the Navbar Background Color. In this example we use the "Blue Gradient Color" for Header background and "Orange Gradient" Background color for Navbar.
Full Header - Purple Gradient Background Color
In this example we use the "Purple Gradient Color" for Header background.
Full Header - Fluid Container
You can change Full Header Container type. Choose between Container & Fluid Container. In this example we use fluid container.
Full Header - Sticky On Top on Topbar
You can enable sticky on top in the entire header or in any of the 3 components (Topbar, Infobar, Navbar). In this example we have enabled sticky on top in the Topbar header.
Full Header - Sticky On Top on Infobar
You can enable sticky on top in the entire header or in any of the 3 components (Topbar, Infobar, Navbar). In this example we have enabled sticky on top in the Infobar header.
Full Header - Sticky On Top on Navbar
You can enable sticky on top in the entire header or in any of the 3 components (Topbar, Infobar, Navbar). In this example we have enabled sticky on top in the Navbar header.
Full Header - Sticky On Top on Full Header
You can enable sticky on top in the entire header or in any of the 3 components (Topbar, Infobar, Navbar). In this example we have enabled sticky on top in the Full header.