MinimogWP Documentation
  • Getting Started
    • Welcome to MinimogWP
    • Theme requirements 🔥
    • WordPress knowledge base
  • Support
    • My purchase code
    • How to get support
  • Installation
    • How to install demo
    • Best Elementor Settings
    • Common Installation Issues
  • Update
    • Before Updating
    • Update Theme
    • Optimize theme
  • Build Your Site
    • WordPress configuration
    • Theme Options
    • General Settings
    • Build with Elementor
  • ECOMMERCE FEATURES
    • Product bundles
    • Quantity discount
    • Quantity select
    • Sale countdown timer
    • Product frequently bought
    • Product compare
    • Product wishlist
    • Product quick view
    • Multi-currency switcher
    • Product custom tabs
    • Product variation swatches
    • Variation gallery images
    • Shoppable images
    • Product video & product 360
    • Size guide
  • THEME OPTIONS
    • Theme Styling
    • Site info
    • Logo
    • Top bar
    • Header
    • Navigation
    • Page title bar & breadcrumb
    • Footer
    • Sidebars
    • Blog
    • Shop
    • Search
    • Popup
    • Instagram
    • Login/register popup
    • 404 page
    • Pre loader
    • Advanced
    • Site Identity
    • Widgets
      • How to Create a Sidebar
      • How to Add Widget in Sidebar
      • How to Edit Widget
      • How to Add Sidebar for a Page
    • Homepage settings
    • Additional CSS
    • Additional JS
    • Import/Export
  • PAGES
    • Create a page
    • Change page title
    • Page options
    • Maintenance mode
    • Onepage setup
  • MENU
    • How to create menu
    • How to create Mega menu
    • How to create Category Menu
  • WOOCOMMERCE
    • Enable Elementor for Product details
    • Cart
    • Home
    • Orders
    • Coupons
    • Settings
      • Products
      • Shipping
  • FAQs
    • Things you should know about theme updating
    • WPML plugin
    • Polylang plugin
    • Add custom font
Powered by GitBook
On this page
  • How to set the default Header Style
  • How to customize the Header Style
  • How to use the Sticky Header
  1. THEME OPTIONS

Header

PreviousTop barNextNavigation

Last updated 2 years ago

How to set the default Header Style

These settings can be overridden by settings from Page Options Box in the separator page

These header settings are for the whole website. If you want to use a different header style for different posts or pages, then please go to the specific section.

Step 1: Go to Theme Options > Header from your admin dashboard.

Step 2: Find Header > General

Step 3: Choose the Header Style you want in Global Header Style section. There are 10 different header styles for you to select from.

Now the chosen header style is set to be the default header of all pages. However, you can still set a different header style for particular pages, blogs, or products by setting a style in each section.

Note: If you have imported the demo, the header of the landing page is fixed in page settings (we will discuss this later on in the Page section). Therefore, if you want to try setting up the default header style, you would have to create a new page.

Step 4: Click on Save Changes button to finish.

How to customize the Header Style

Step 1: Navigate to Theme Options from your admin dashboard. Next, hit Header. You can see a list of available header styles.

Step 2: Click on the header style you want to customize.

Step 3: In each Header Style, you can custom enable/disable header components

Note: Maybe you will not be able to see the changes you made because the page already had a priority settings in Page Options, then you can go to the page to check again.

Step 4: After customizing, do not forget to click Save Changes button to save your changes.

How to use the Sticky Header

A sticky header has its position fixed at the top of your webpage even when users scroll down to navigate the page. This allows users to quickly access the menu from any section of the page.

All you need is to hit Header Sticky in Header section.

Now you can enable or disable the Sticky Header.

In addition, you can also customize its Behaviour, Background, Header Icons, Button... of the Sticky Header.

You can change Global Header style, there are 10 header styles & you can enable overlay, choose dark/light skin