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 V35 released on December 21st 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 / CHAT BOT

RESPONSIVENESS

Configuring Responsiveness in Theme Settings

FAQ

Can I change how much the font sizes are reduced on mobile?

Yes, the default is to reduce the font sizes by a factor of 25% which can be changed in the Responsiveness Theme Settings.

Theme Settings

There are 3 sections in Theme Settings for Responsiveness: Header, Spacing, and Font Sizes.

Responsiveness

This design group provides options to modify the responsiveness configurations to further refine the UX on tablet and mobile.

theme-settings-responsiveness

Responsiveness → Header

Adjust the breakpoint for where the menu switches to the burger menu for tablet/mobile.

If your header is using burger only, this doesn't apply.

header-menu-breakpoint

Responsiveness → Spacing

Modify the horizontal padding and reduce spacing on mobile.

responsive-spacing

  • Horizontal Padding: This controls the horizontal padding left and right of your content on smaller desktop and tablet devices as well as on mobile.
  • Mobile – Reduce Spacing: All POWER modules reduce some of their paddings/margins for mobile devices. This factor controls how much those paddings/margins will be reduced by a percentage value.
Responsiveness → Font Sizes

Font sizes in POWER theme are designed to be responsive based on a percentage of the desktop size.

If you are using a very small font size on desktop, the minimum font size on mobile prevents it from becoming illegible.

responsive-font-sizes

  • Mobile – Reduce Font Size: All POWER modules reduce most of their font sizes for mobile devices. This factor controls how much those font sizes will be reduced by a percentage value.
  • Mobile – Minimum Font Size: Here you can define the font size that should be used as the minimum value in case the reduction would lead to an even smaller value than this one.

Next Steps

After configuring the responsiveness, update the Performance options in theme settings

NEVER MISS A POWER UPDATE

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