Skip to content
maka-img_mm_marketplace
maka marketplace

Discover Products to help you POWER up with CMS Hub

maka-img_mm_power-pro
Power Pro Theme

Check out the POWER demo and see all the latest features

maka-img_mm_performance
Performance

POWER is optimized to perform, review the results

maka-img_mm_customer-showcase
Customer Showcase

See how our customers used the POWER Theme

POWER Pro V32 released on August 31st 2023 – Read Changelog

maka-img_mm_documentation_3
Getting Started

Follow our guide to save time and avoid missing a step

maka-img_mm_module-library
Module Library

From page speed impact to set up instructions, you'll find it all

maka-img_mm_video-tutorials
Video tutorials

Find all POWER videos in the same spot for quick answers

maka-mm_faq-2
FAQs

Have questions?
Search for answers

Experiencing an issue with POWER? Submit a support ticket here

maka-img_mm_about-us
About us

“Would I rather be feared or loved? Easy. Both. I want people to be afraid of how much they love me.”
– Michael Scott, not us

maka-img_mm_blog
Blog

This is mostly a demo right now. We are working on some really cool things around the office.

maka-img_mm_career
Career

Quite possibly the most fun you will have at work, ever. Did we mention how cool we are?

Having issues with POWER?
SUBMIT A SUPPORT TICKET


Schedule a Q&A or Demo
PREPURCHASE CONSULTATION


Looking for Custom Development?
REQUEST A QUOTE


Other questions?
CONTACT US / LIVE CHAT

LIVE Chat 7 AM – 7 PM CT US – Get in touch here

Page Settings Module

How to configure the Page Settings module for POWER theme in HubSpot

icon-module-page-settings

PAGE SETTINGS

A non-visible module included on all theme templates to provide additional configuration options.

page-settings-module-overview

Page Speed Impact

LOW

Overwriting your header in the page settings module has the same potential impact as the header itself.  

MEDIUM

If animation on scroll is used in the viewport it can negatively impact page speed (viewport size varies by device/browser).

TIPS

Use an SVG for your logo if possible.

Don't load oversized JPG, PNG, or WebP logos, size them accordingly.

To reduce image file sizes without losing quality, use TinyPNG to compress your images (JPG, PNG, WebP).

FAQ

Can I overwrite the header button on an individual page?

On the Contents tab, select the Page Settings module and check the box Overwrite Header Settings to change the button(s) in the header.

Module Options

Edit Page → Contents

Access the Page Settings module from the Contents tab.

edit-page-contents-tab-hubspot-website-editor

The Page Settings module is not visible on the page, it can only be selected from the Contents tab under Static modules.

Edit Page → Contents → Page Settings

page-settings-static-module-overwrite-header-settings

The default selection in the module will always say "Page" regardless of the page type you are editing.

For example, if you are editing a Blog Post that is actively using the "Blog" header, the module will show "Page" until you make a change in the setting. Once you change the dropdown from "Page" to "Blog" you'll see the header refresh and if you then change it back to "Page" you'll see the "Blog" header is now overwritten with the "Page" header.

Select Header / Footer Style

The POWER Header and POWER Footer include four variants based on page types, this setting allows you to choose any of the style variants to be used instead of the default. 

page-settings-module-header-footer-style-change

Overwrite Header Settings

Check the box to access the Header Settings.

overwrite-header-settings-individual-website-page

Overwrite Header Settings → Header Settings

page-settings-module-header-overwrite-global-logo

Overwrite Header Settings → Header Settings → Overwrite global Logo

Click the Toggle to upload a new logo file or browse images available in your files.

overwrite-global-logo-file-upload

Includes option to Show company name when logo isn't set.

Overwrite Header Settings → Header Settings → Sticky Logo

Click the Toggle to override default logo for use with the Fixed on Scroll option.

page-settings-header-sticky-logo-override

Overwrite Header Settings → Header Settings → Use 1st CTA/Button

Option to Inherit, change to None, or configure a new Button or CTA.

page-settings-change-header-buttons

Overwrite Header Settings → Header Settings → Use 2nd CTA/Button

Option to Inherit, change to None, or configure a new Button or CTA.

This can be used to add an additional Button or CTA, even if there is not a 2nd CTA/Button configured in the original header.

Overwrite Header Settings → Header Settings → Style 

Option to change the color scheme settings for the Header, On Scroll, Dropdown, and Top Header.

Choice of Inherit (from header variant selected), Light or Dark.

page-settings-style-color-scheme-header

Option to change the settings for Transparency and/or Glassmorphism for the Header and Top Header.

Choice of Inherit (from header variant selected), Transparent or Not Transparent / Glassmorphism or No Glassmorphism.

header-style-transparent-glassmorphism-change-page-settings

This setting is especially helpful if you are using transparency or glassmorphism as your default header/footer and you're not using an image background and would like to override the setting to remove the transparency, etc.

Header / Footer Visibility  → Hide Header

Option to hide the header for an individual page.

page-settings-module-header-footer-visibility

Header / Footer Visibility  → Hide Footer

Option to hide the footer for an individual page.

Activate AOS within Viewport

New with the release of v28, this is deactivated by default to improve performance by reducing the impact on page speed.

If checked, this option allows Animation on Scroll (AOS) in the viewport area of the user's device on page load (not recommended). 

When unchecked, any Animation on Scroll within the viewport will be deactivated. The viewport is based on the user's specific device and browser size, which provides the most accurate control over AOS.

DESIGN SOMETHING COOL WITH THIS POWER MODULE?

Share it with us!

NEVER MISS A POWER UPDATE

We are continuously improving our modules and updating our documentation. Stay in the loop.