Header buttons

Description

Header buttons feature allows you add to custom buttons to the header.

Add header buttons

To add header buttons:

1. Go to: Theme settings → General → Header.
2. Add button items to the Header buttons area.

Settings

You can set unlimited buttons on a separate line.

Each line consists separated by pipe characters |:

• text
• url
• language code (or comma-separated codes)
• user login status (1 - for logged in users, 2 - for guests)
• CSS class

Below is a simple example of two buttons:

First button|https://example.com
Second button|https://example.com

Multi-language buttons

To set different buttons for different languages, use language code or comma-separated codes.

For example:

Spanish text|https://example.com|es
English text|https://example.com|en

Buttons based on login status

You can set different buttons for different users (logged in users or guests).

For example:

Logged in users|https://example.com||1
Guests|https://example.com||2

Button style

You can add custom class to change button style.

For example to add button like this, use the following code:

Get started|https://example.com|||mb2-pb-btn typeprimary sizelg btnborder1

Button CSS classes