Responsive Header Plugin

Description

For those big header texts that you adjust for mobile responsiveness in your website.

Now you can set the minimum and maximum font size and make it adjust with your screen resolution based on the width element.

Also you can use custom classes for specific header tags to pick ot which text you want to inflate.

The jQuery script is brought to you by Paravel. https://fittextjs.com/

https://github.com/davatron5000/FitText.js

Functionality:

• Pre-defined header tags, H1-H6
• “Custom header classes” of your choice.
• Minimum and Maximum Font Size
• Compressor for the aggressiveness of the text resizing.

Installation

1. Upload Responsive Header to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Configure the plugin ‘Admin’ ‘Responsive Header’

FAQ

What is “width element”?

Width Element is the width of the block or container the text is placed into which determines the maximum size for text resizing.

How to determine the custom header tags?

To determine your custom header tags check the class of the html tag. for example “h1.site-title“,

<h1 class="site-title”>Sample Text

What is the Compressor Value

Compressor Value is the text resizing aggressiveness. 1 is the default value that you can set. less or above for example 0.8 (resizes less aggressively) / 1.2 (resizes more aggressively). Tweak this part to your satisfaction.