Make Wordpress Twenty Thirteen Header 100% iPad compatible

In your style.css file search for

@media (max-width: 767px) {

and change the max-width to 768px like this:

@media (max-width: 768px) {

Add this CSS code within this media brace

.site-header { position: relative; background-size: 100% 82% !important; }

The 100% is for the width of the header and the 82% is for the height. Adjust these percentages to suit your template design and test on the iPad

Comments

Post a Comment

Popular posts from this blog

How to Display Custom Wordpress Header with Google Analytics Site Tage and Adwords Site Tag

This post assumes you know how to create custom page templates in Wordpress using child themes. Locate this line of code in your page template (page.php) get_header(); Download the header.php file from the parent theme folder into your child theme folder Rename the header.php file you downloaded to header-with-analytics.php Change the get_header function in your page template to include the custom header file. In the brackets add the custom header filename like this get_header("with-analytics"); Everything after the header- in the filename is what you place between the brackets. Save and upload the custom header PHP file. Upload your modified page template file (page.php) Now the page template will load your custom header file called header-with-analytics.php Place your Google Analytics Site Tag or Google Adwords Conversion Tracking code in this header-with-analytics.php file as per Googles instructions.
Read more