Header

118 views September 11, 2019 hyun-dung 0

Go to Theme Settings >> Select Header section.

***Logo

There are 3 type logo and you can choose one of them:

* Logo SVG:

SVG file stands for Scalable Vector Graphics.

You can go to this link to learn about it: W3School

* Logo image: Upload logo from your device

* Logo Custom logo retina: use for macbook and the sharpness is better

To make the logo bigger or smaller, please change the number of “Logo image maximum width” and “Logo image maximum height”

Result:

***Logo Sticky

It only show when you scroll down on Homepage

To make the logo bigger or smaller, please change the number of “Logo image maximum width” and “Logo image maximum height”

Result:

***Header Top Settings

__Left header top : You can show your social icon or some texts here

__Set up background for Header top including pure color or an image

***Header Layout

__Sticky header: the Header is fixed when you srolling down

__Header Design

Header 1: Logo centerd, hide Main navigation, show Menu sidebar of mobile view

Header 2: Show both Main navigation and Menu sidebar of mobile view on the left

Header 3: Logo left, Main navigation centerd, hide Menu sidebar of mobile view

Header 4: Show both Main navigation on the right and Menu sidebar of mobile view on the left

Header 5: Show Menu sidebar of mobile view on the left and Navigation begin a new line below the logo

Header 6: Show Menu sidebar of mobile view on the left and Hide Navigation

Header 7: Header is vertical

** Header above the content: Header stacks up background image

***Appearance

*Set up background color for Header and Sticky header

Result:

**Mega Menu: set color for Navigation only

Result:

+ Main Menu:

+ Menu Sticky:

***Mobile Menu

Select a menu>>Tick on Use mobile categories box

***Other

You can setting for these section to show result as you like.

** Search widget

* Dropdown

Result:

* Fullscreen

* Disable

**Ajax search: showing search result promptly once you’re typing

**Display wishlist icon, more about Wishlist here

Was this helpful?