How to customize your header in Magento 2 using Pearl Theme options

The Header is one of the most important sections of your online store—it’s the first element customers interact with. Pearl Theme allows you to fully customize it to match your brand and business needs.

Step 1: Access the Header Settings

Go to:

Admin → WeltPixel → Pearl Theme Options → Custom Header

➡️ From General Settings → Custom Header → Header Style, select one of the 4 available Header versions.

💡 Don’t forget to Save Config after choosing your header style.

Step 2: Clear Cache and Regenerate CSS

To apply changes, go to:

Admin → System → Tools → Cache Management

Make sure to:

• Regenerate Pearl Theme LESS/CSS files for your store
• Flush the Magento Cache

Step 3: Refresh Your Storefront

Your new Header version is now live. Refresh the frontend page to see the changes applied.

🎉 Great work!

Additional Customization Options

Still under:

Admin → WeltPixel → Pearl Theme Options → Custom Header

You can fine-tune elements such as:

• Top Header (width, colors, background)
• Middle Header
• Header Navigation
• Search Options
• Header Icons
• Sticky Header behavior

⚠️ After making adjustments, always Save Config, regenerate the Pearl Theme LESS/CSS files, and flush the Magento Cache.

Video Guide

If you prefer a walkthrough, check out the video tutorial below:

Updated on: 17/09/2025