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 Can I Get Cheap Internet without contracts

Have you been looking at getting a cheap internet deal for your home? There's a few options out there at the moment so I thought I would highlight the best one. Just over a year ago I purchased the 24 Gig Data Special from CellC .  I paid R1499 once-off although it was available on a 12 month subscription for R149 a month. The data plan expired recently and I started looking for a cheap data bundle .  My first stop...CellC. I expected the data plans to drop in price as it was over a year since I paid R1499 and the competition from Telkom, MTN and Vodacom had increased. CellC dropped the ball it seems.  Their current "special" for the 24 Gig Data Bundle (2 Gigs x 12 months) costs R1999 After browsing their website I found a couple other "amazing specials": 3 Gigs of Data , valid for one year, for R599 (includes USB Modem) or 3 Gigs Data SIM , valid for one year, for R399 It seems 8ta (powered by Telkom) has the best deal out there at the mom...
Read more

Enqueue Stylesheet or Javascript on just one Wordpress Page or Post

To enqueue a css stylesheet or external javascript file on just one page use the following function with a conditional if statement in your child theme functions.php script. function register_online_form_style() {   if ( is_page( '104' ) ) {     wp_enqueue_style( 'contactForm', get_stylesheet_directory_uri() . '/site/css/form.min.css' );   } } add_action( 'wp_enqueue_scripts', 'register_online_form_style' ); 104 is the page or post's ID contactForm is the name of the script Pretty starightforward
Read more