Vogal Premium Shopify Theme
View DemosOpen a Store for FREEBuy VogalOther ThemesTheme Support
  • Greeting
  • INSTALLATION
    • Install Theme
    • Recommended Apps
    • Theme Changelog
    • Update Theme
  • Basic Configuration
    • Enable Customer Accounts
    • Set Up Shipping Rates
    • Currency Settings
    • Menu Setup
  • Theme Settings
    • Layout Style
    • General
    • Fonts & Colors
    • Header
    • Cart
    • Search
    • Product Page
    • Products Grid
    • Currency & Language
    • Social Media
    • Popup Quickview
    • Popup Newsletter
    • Popup Someone Purchased
    • GDPR Cookie Popup
    • Checkout
    • Custom Css
  • Theme Sections
    • Featured Product
    • Collection List
    • Slideshow
    • Newsletter
    • Contact Form
    • Video
    • Custom Liquid
    • Blog List
    • Custom Block
    • Custom Block(Masonry)
    • Section Divider
    • FAQ
    • Featured Banner
    • Grid Banners
    • Hero Banner
    • Hero Banner(CTA)
    • Icons and Text
    • Image & Text (2 columns)
    • Image & Text (4 columns)
    • Image Gallery
    • Instagram
    • Instagram Shop
    • Logo List
    • Lookbook Shop
    • Map
    • Masonry Banner
    • Products + Banner
    • Products Columns
    • Products Rows
    • Products Slider
    • Products Tabs
    • Promotion Bar
    • Rich Text
    • Round Banners
    • Scrolling Text
    • Shop The Look
    • Testimonials
    • Text Column(Top Image)
  • General Sections
    • Footer
    • Mobile Toolbar
    • Custom Colors
    • Exit Intent Popup
  • Common Settings
    • Common Settings in Section
  • Collection Page
    • Breadcrumb
    • Collection Banner
    • Sub Collections
    • Collection Main
  • PRODUCT PAGE
    • Breadcrumb
    • Product Main
    • Product Tabs
    • Related Products
    • Recommended Products
    • Recently Viewed Products
    • Upsell Product Bundle
    • Group Products
    • More Products Color
  • Page Setup
    • Wishlist
    • About Us
    • Contact Us
    • FAQs
    • Our Brands
    • Store Locations
    • Portfolio
    • Blog
    • Create Custom Page
    • Cart
  • Vogal FAQs
    • How to display links in megamenu without column title?
    • Show product recommendation in cart drawer
    • Limit color swatch to display on products grid
    • How to add external product link/affiliate link?
  • Translations
Powered by GitBook
On this page
  • Top Promotion Bar
  • Top Information Bar
  • Top Header
  • Main Header
  1. Theme Settings

Header

There are four main header designs. You can choose the main header design from the header settings, then select the header and set the sub header style in the sections.

PreviousFonts & ColorsNextCart

Last updated 1 year ago

Steps:

  • In the theme editor, click Theme settings

  • Locate Header

  • Select header and set other global options for header like upload logo, set width, set size for fonts and color, set colors and click save.

  • Go to sections, select header, set style for header and click save.

Top Promotion Bar

Display on top above header

  • Enable option to display promotion text above header

  • Now go to sections, click Top Promotion Bar section

  • Set look for section and then click Add promotion text to add new block

  • Click on block to add text and customize text look from each block

  • Click save

Top Information Bar

Display on top above or below header. You can display some important information about your store.

  • Enable option to display information bar

  • Select position to display above main header or below header

  • Now go to sections, click Top Information Bar section

  • Set the look for section, and then click Add column to add a new text column

  • Click on block to add text in column and click save

Top Header

Display above main header. Display links, text, social icons and language & currency selector

  • Enable option to display top header

  • Now go to sections, click Top header section

  • Set the look for section and then click on Add block to add new block

  • Menu Block : Display menu links. I.e. Contact Us, About Us, Help

  • Text Block : Display small text.i.e. Add phone number, email address, Store time, Welcome text

  • Social Icons : Display Social icons

  • Currency, Language : Display Currency, Language, Social Icons and Menu Link ( Optional)

  • Add required block and click save.

Main Header

This is main header of your store. Choose main header design, set other header global options from here then go to sections and select header to set customize sub header look.

  • Upload logo for your store, set logo width and header height

  • Enable sticky header and set options for sticky header

  • Enable wishlist.

  • Set header appearance like background, text, icons and border colors

  • Set Icon size and font size for text that display with icons on some header design

  • Choose icons for my account and cart.

  • Set store main navigation style from here.

  • Set Language & Currency selector text colors

  • Set menu label text colors. ( Labels that display with menu links)

  • Go to sections -> Select header to customize header sub look.

preview top promotion bar
preview top information bar
preview top header