Genesis Framework : In this short tutorial, you’ll learn about how to Add Custom Viewport Meta Tag in Genesis. The Genesis Framework empowers you to quickly and easily build incredible websites with WordPress. Whether you’re a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. In Genesis powered websites you’ve to modify the child theme which is running on.
Anyway, these code snippets will help you to Add Custom Viewport Meta Tag in Genesis Framework.
Unless otherwise indicated, the code snippets you see below should be placed into your theme’s functions.php file.
Add Custom Viewport Meta Tag in Genesis
Below is the code to Add Custom Viewport Meta Tag:<?php
//* Do NOT include the opening php tag
//* Add custom Viewport meta tag for mobile browsers
add_action( 'genesis_meta', 'sp_viewport_meta_tag' );
function sp_viewport_meta_tag() {
echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
}
Final Words
I strongly recommended to take backup core files before customizing any Genesis Child Theme. Hope the above Genesis Tutorial was helpful and valued for you. Please don’t forget to share this with social friends and write a comment below if you need any assistance in customizing the look of your WordPress websites.