Megamog
Try Megamog freeResourcesOther solutions
  • What is Megamog theme?
  • Changelog
  • Refund policy
  • Support policy
  • Terms of Service
  • Getting started
    • Install Megamog theme
      • Install Megamog in 1-click fast way
      • Install Megamog manually
    • Add Custom code/ CSS correctly
    • Integrate Shopify Review apps
    • Mega menu
    • Purchase code & activation
    • Update Megamog theme
    • FoxHome
  • Build for success series
    • Product page for Beauty store like Kylie Jenner 🔥
    • Landing page for Fashion store like Bremont
  • Page's global sections
    • Announcement bar
    • Age verifier pop-up
    • Header
    • Footer
    • Mobile sticky bar
  • Theme sections
    • Before/ After image slider
    • Blog posts
    • Brand list
    • Collapsible content
    • Collection spotlight
    • Collection list
    • Collection links
    • Countdown timer
    • Custom content
    • Favorite product slider
    • Featured collection
    • Featured product
    • Featured promotion
    • Featured products slider
    • Google Maps
    • Image banner
    • Image with text
    • Instagram
    • Lookbook
    • Newsletter
    • Press
    • Product tabs
    • Recently viewed products
    • Scrolling promotion
    • Slideshow
    • Testimonials
    • Video
    • Video hero
    • Banner grid
    • Multiple columns
    • Store locator
  • Theme settings
    • General settings
    • Layout settings
    • Additional pages
    • Advanced
    • Animation
    • Article card
    • Badges
    • Cart settings
    • Checkout
    • Colors & Color schemes
    • Corner radius
    • Currency format
    • GDPR settings
    • Intergrated apps
    • Integration
    • Pop-up & drawer
    • Product card
    • Product options design
    • Product options swatches
    • Social sharing
    • Search settings
    • Store contact
    • Typography
  • Collections & Products
    • Product page
      • Product template
      • Page sections
        • Breadcrumb
        • Product information
        • Product information tabs
        • Product recommedations
    • Collection page
      • Collection template
      • Collection sections
        • Collection banner
        • Product listing
  • Other pages
    • 404 page
    • Blogs
    • Blog posts
    • Cart & Checkout
    • Password
  • FAQS
    • Add a gift wrap option to my cart
    • Add custom badges to my product card
    • Add recipient fields to my gift card product
    • Add/ Remove Social icons in footer
    • Change the default product order in collection
    • Customize search results
    • Move the collection description to under the product listing
    • Remove the tax-included information in product page
    • Set up local pickup
    • Show Payment icons on the Footer
  • TROUBLESHOOTING
    • Contact form submissions not found
    • Translation apps incompatibility
Powered by GitBook
On this page
  • Logo settings
  • Design settings
  • 1. General
  • 2. Header icons
  • 3. Search settings
  • 4. Menu settings
  1. Page's global sections

Header

Edit the header of your store

PreviousAge verifier pop-upNextFooter

Last updated 4 months ago

The header is a content block at the upper part of your website that appears on every page. It usually contains the logo of a store, the main navigation menu, and other elements such as a search bar, shopping cart icon, etc.

The header plays a vital role in branding your site, helping visitors navigate, and displaying your most important pages.

You can freely customize your header to suit your business needs by adding your logo image, choosing the main menu, and other addons using Megamog theme.

Logo settings

Add a logo in the header to grab visitors' attention and set the tone for your brand. The recommended image size and format is 200x80px .png with a transparent background.

Steps

  1. In the theme editor (Customize), click Theme Setting -> Logos

  2. Select image under Logo

  3. Save

Design settings

Change the position of the logo and menus based on your preferences.

1. General

Change style color for Header.

Adjust sticky header(none/on scroll up/always).

Add separator line (none/bottom/middle/bottom & middle).

2. Header icons

Provide settings to the header icons such as account, wishlist, compare and custom icon by enabling the suitable checkboxes.

For custom icons, you can either add more other icons in header.

3. Search settings

Show search button with 3 design: icon, icon plain and text.

4. Menu settings

This section lets you display your desired menus along with the logo.

Provide settings to the menu such as country/region, language by enabling the suitable checkboxes.

Regarding the currency selector and language selector, you must configure them in Shopify admin for them to show on the front end.

To add, remove, or edit menus in your Shopify store, see .

To sell in multiple currencies, you need to have enabled in your online store.

Editing menus
Shopify Payments
You can watch this video for reference