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. http://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
- Upload
Responsive Header
to the/wp-content/plugins/
directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- 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.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Responsive Header Plugin” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Responsive Header Plugin” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.