Palo Alto 6.2.1 has been released
Release notes
Palo Alto Doumentation
NewSupport
Palo Alto 4.1
Palo Alto 4.1
  • Palo Alto Theme Documentation
  • Changelog
    • The new experience
    • What's new in 4.1
  • Cart
    • Terms and conditions
    • Empty cart buttons
    • Custom Message
    • Upsell
  • Header
    • Announcement bar
    • Transparent header
    • Highlighted link
    • Mega Menu
    • Loading Icon
    • Logo
  • Sections
    • How to use sections
    • Recommended Image Sizes
    • Product sections
    • Image sections
    • Text sections
    • Custom sections
  • Theme settings
    • Theme Settings Intro
    • Colors
    • Typography
    • Appearance
    • Product grid
    • Checkout
    • Theme style
  • Products
    • Using the new Palo Alto Product Pages
    • Creating new Product page templates
    • Pre-order using metafields
    • Section blocks
    • Swatches
    • Product ratings
  • Collections
    • Using the new Palo Alto Collection Pages
    • Filtering options
    • Subcollections
    • Badges
  • Popup
    • Popup with image
    • How to change the "You agree to..." text
    • Cookie consent
    • Popup bar
  • Footer
    • Blocks and settings
    • How to remove the Shopify credit
  • Blogs
    • Using the new Palo Alto Blog Pages
    • Creating new Blog page templates
  • Pages
    • Using the new Palo Alto Pages
  • Updates
    • Checking your theme version
    • Downloading the latest version
    • Updating your theme
  • Support
    • Contacting support
    • Sharing a preview link
  • Custom
    • How to make CSS customizations
    • How to add Custom Fonts
    • Adding Custom Icons
Powered by GitBook
On this page
  • Where you can use the Transparent header.
  • How to enable the Transparent header.
Export as PDF
  1. Header

Transparent header

Change the opacity to blend the header with a background image (or video)

PreviousAnnouncement barNextHighlighted link

Where you can use the Transparent header.

Palo Alto can display a transparent header on the homepage, collection pages, and any customized pages that include a fullwidth background image (or video) section.

When using a transparent header, you may include a second logo to provide contrast with your main homepage asset.

How to enable the Transparent header.

To enable the Transparent header you will need to first open the Header section settings. From here, simply check the 'Enable transparent header' checkbox and save the changes: