How to Fix the Right Side Gap in an iPad
When the Striking Theme was upgrade to Version 3.05, the theme layout broke in the iPad Mobile Safari and Firefox.
Renders Left Justified
By broke, I mean the layout was not centered in the viewport of the iPad. It acts as if it was left-justified causing s a slight gap on the right-side margin.
There is a CSS Fix
Yes, there is a CSS fix, but this may require putting an extra wrapper around the code and setting the body tag margins to auto. You can follow the thread here on Webmaster World or here at Stackoverflow
A Simpler Better Way
Use the Viewport Meta Tag
Yes, by using one of the new Safari browser directives – that Firefox mobile is supporting too. ALL you have to do is put the following somewhere in between the <head> and </head> in your template
|
1 |
<meta name="viewport" content="width=1100" /> |
For those of you using WordPress, insert the following in your function.php file
|
1 2 3 4 5 6 7 8 |
//////////////////////////////////////////////
/// Add the /viewport meta to the header
/////////////////////////////////////////////
add_action('wp_head', 'add_viewport_meta');
function add_viewport_meta() {
echo "\n" . '<meta name="viewport" content="width=1100" />' . "\n";
} |
Follow this link for page full of More Striking Theme WordPress Tips
