Header

67 views September 12, 2019 hyun-dung 0

Go to Theme Settings -> Header

***Logo

 

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

* Logo SVG:

SVG file stands for Scalable Vector Graphics.

You must upload SVG logo by :

+ Go to Setting -> Files

+ After, go to Theme Setting -> Header -> Fill in the name of SVG logo

Learn more about SVG image here : W3School

* Logo image:

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

Result:

***Logo Sticky

It only show when you scroll down. To make the logo bigger or smaller, please enter a number of px ( only number, eg: 150) for the width or the height.

Note: If you want to use Logo sticky, scroll down to Header Layout and Tick on Sticky header

Result:

***Top bar

 

Result:

***Header Layout

Header design 1:

Header design 2:

Header design 3:

Header design 4:

** Header above the content: Overlap page content with this header (header is transparent).

***Appearance

Set up background color/ background image for Header+ Sticky header

 

Result:

+ Main Menu:

+ Menu Sticky:

+ Background image

+ Icons font for header icons:

    • Pe Icons

    • Font awesome

    • Simple line icons

***Mega Menu

Result:

+ Text in headerIt’s only show when you choose Header Design in HEADER LAYOUT section is : Logo center

Note: Tick on Use custom Menu Color,if you want to set color for menu.

+ Main Menu:

+ Menu Sticky:

***Mobile Menu

Result:

Note: Tick on Use mobile categories, if you want to show Categories.

+ Categories:

Go to Sections -> Mobile Categories

Setting

 

***Other

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

** Search widget

* Dropdown

* Fullscreen

* Disable

* Search full screen position:

Position Top

Position Bottom

** Ajax Search: Ajax technology help you show the result while typing

Was this helpful?