There are 3 styles of Header:
Notice that all Header styles have symmetry. You will need to create 2 menus in Appearance/ Menus to obtain this effect. We call these menus Main Menu Left and Main Menu Right.
You can create Top Menu in Appearance/ Menus
Hide Top Menu When Scroll: Turn this button on so that you can hide Top Menu when you scroll the page
♣ Learn more about creating a new menu: Set Up Menu
-
- Default
-
- Logo Transparent
-
- Background Transparent
-
- Top Menu
NavBar Position: Position of NavBar includes Static Top and Fixed Top. Static Top, in this case, the NavBar does not move. It means that when you scroll down on the page and let the mouse pass the NavBar, you will not see the NavBar displayed on top. However, Fixed Top will allow you to see the NavBar when you scroll down the mouse.
Background Navigation: Here you can change background of navigation bar
Background Navigation when Scroll: When you scroll the page and want to change background color of Navigation Bar, this option will help you obtain the desire
Icon Search: Turn this button on so that Search Icon can be shown in menu navigation bar
Hide Icon Search When Scroll: Turn this button on if you want to hide Search Icon when scrolling the page
Icon Cart: Turn this button on if you want to show Cart Icon in menu navigation bar
Hide Icon Cart When Scroll: Turn this button on if you want to hide the cart icon when scrolling
Navbar Height: This option handles height of Navigation Bar
NavBar Link Spacing: You can change NavBar Link Spacing here
Use Custom NavBar Font and Color: Turn on this button to change NavBar Font and Color. Then you can change NavBar Font, Font Size, Link Color, Link Hover Color.
Transform to Uppercase: Tick this box so that Header font will transform into Uppercase
3. Logo
Hermosa allows you to add image file or use text for logo. If turning off Use image for Logo button, you will have options to enter your site name, select logo font from Google font, font size, font color, uppercase for text logo. If turning on this button then you can Upload Your Logo, adjust Image Height, Upload Your Logo Transparent and change Image Transparent Height
