Logo and General

Full control over the header styling even on mobile screen resolutions as well as larger screens. Multiple logos, colors and many more in the section to help you shaping any type of modern layout.

Navigate to Theme Options > Header Navigation > Logo & General Styling for the options like logos, height, colors, content scheme and many more.

1. Main Logo - Choose a PNG or JPG logo from media library.

2. Sticky Logo - Set a custom logo for header on sticky state.

3. Logo Width - Change the width of the logo for size adjustments.

4. Logo Width on Mobile - Custom width for logo on mobile screens.

5. Header Height - Enter custom height for the header.

6. Header Height - Mobile - Custom header height on mobile screens.

7. Header Background Color - Pick a background color for the header.

8. Header Background Color -Mobile - Pick a background color for the mobile header.

9. Header Scheme - Choose light or dark content scheme for the header.

10. Absolute Header - Enable the options to make the header absolute on top.

11. Absolute - Mobile - Keep the absolute header on mobile.

12. Header Shadow - Change the shadow under the header navigation.

13. Sticky on scroll - Stick the header to top on scrolling the page.

14. Contained Layout for Sticky Header - Use this option to enable or disable container inside header navigation for sticy.

15. Sticky on scroll - Mobile - Keep the sticky header on mobile.

16. Sticky Header Height - Custom header height on sticky state.

17. Sticky Background Color - Custom background color for header on sticky state.

18. Shadow on Sticky - Custom shadow options on sticky state.

19. Sticky Header Scheme - Custom content scheme for header on sticky.

20. Main Menu Spacing - Custom spacing between menu items in main menu.

21. Sticky Header Spacing - Custom spacing between menu items in main menu.

22. Secondary Menu Spacing - Custom spacing between menu items in secondary menu.

23. Dropdown Spacing - Give Dropdown Spacing to Main Header.

Last updated