Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Top bar

Alfred

Written by Alfred

Last updated

593 views

On this page


The top bar is a header component that allows merchants to access menus, and navigate by clicking, choose language and currency. It’s always visible at the top of interfaces.

1.png

Steps:

  • From Theme editor (Customize) > Top bar.

1.png

1. Top bar content

This section supports this following blocks:

1.png
  • Custom html: This block help you generate your HTML content.

1.png
  • Rich text: You can add Rich text here and with block settings you can easily customize it.

1.png
  • Currency, Language,...

1.png
  • Social: you can add social icon here.

1.png
  • Menu: You can add menu with this block.

1.png

2. How to configure the Top bar?

- GENERAL OPTIONS

With these settings you can set the effect for the section, display on any devices, colors, border, button.

- DESIGN OPTIONS

You can set Padding top, padding right, padding bottom, padding left for section. If you do not use it please blank.

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.