iphone zooms in my theme

[danielc2384]

for whatever reason iphone devices zoom in my theme. to view it all i need to manually un-zoom it.

when i land on the page i just need it so the full page shows, not just a zoomed in section.

thanks,
daniel

[Eric Gregoire]

Maybe try removing the viewport tag in the HTML head. That’s usually used to fit responsive sites, and that yours is not.

[danielc2384]

Just went to header.php and couldnt seem to find that viewport tag.

[Eric Gregoire]

I would try the index.php file. The header.php refers more to the header in terms of layout (e.g. where the logo goes) rather than HTML page structure.

[danielc2384]

hmm, just ha da look in index.php and cant seem to find it there either.

/**
* Displays the index section of the theme.
*
* @package Theme Horse
* @subpackage Clean_Retina
* @since Clean Retina 1.0
*/
?>

/**
* cleanretina_before_main_container hook
*/
do_action( ‘cleanretina_before_main_container’ );
?>

/**
* cleanretina_main_container hook
*
* HOOKED_FUNCTION_NAME PRIORITY
*
* cleanretina_content 10
*/
do_action( ‘cleanretina_main_container’ );
?>

/**
* cleanretina_after_main_container hook
*/
do_action( ‘cleanretina_after_main_container’ );
?>

[Alen]

To check, load the page in your browser, view HTML source, search for `name=”viewport”`. If you you find it post it here. The code should be generated from `header.php` file located in your template directory. It should look something like this: ``

[danielc2384]

I’m able to find it when I go to “view page source” in my browser.
It says

However cannot seem to find it in my index.php or header.php

when i view page source in browser

[danielc2384]

Oh! Found it in header-extensions.php

works now :)

Thanks so much guys!!!

[danielc2384]

For some reason though the right side of the footer (DIV#footimages) seems to be moving up the page on iphones though. hmm

Any ideas?

edit: also in safari web browsers

[Eric Gregoire]

I got it working in-browser, but I saw it in Safari. I’ll just go through the changes I made in what is likely ‘footer.php’ and your main stylesheet for the theme using the Safari inspector:

1. Change center tag in footer to div
2. Change #footer to a width of 100% instead of 480px
3. For #footer p add display:inline, float left and remove bottom margin
4. For #footimages remove width and margin, float right and nudge it up a tiny bit with a negative top margin (I liked -15px).

There’s likely better ways to clean this up, but this is what I was capable of in-browser.

[danielc2384]

thanks for that!

all solved.

[Author]

Posts