- This topic is empty.
-
AuthorPosts
-
July 3, 2013 at 8:40 pm #46083
danielc2384
Participantfor 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,
danielJuly 3, 2013 at 10:27 pm #141485Eric Gregoire
ParticipantMaybe try removing the viewport tag in the HTML head. That’s usually used to fit responsive sites, and that yours is not.
July 3, 2013 at 10:30 pm #141486danielc2384
ParticipantJust went to header.php and couldnt seem to find that viewport tag.
July 3, 2013 at 11:51 pm #141490Eric Gregoire
ParticipantI 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.
July 3, 2013 at 11:54 pm #141491danielc2384
Participanthmm, 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’ );
?>July 4, 2013 at 12:10 am #141492Alen
ParticipantTo 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: ``
July 4, 2013 at 12:18 am #141493danielc2384
ParticipantI’m able to find it when I go to “view page source” in my browser.
It saysHowever cannot seem to find it in my index.php or header.php
when i view page source in browser
July 4, 2013 at 12:27 am #141494danielc2384
ParticipantOh! Found it in header-extensions.php
works now :)
Thanks so much guys!!!
July 4, 2013 at 12:53 am #141495danielc2384
ParticipantFor 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
July 4, 2013 at 11:37 am #141548Eric Gregoire
ParticipantI 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:
- Change center tag in footer to div
- Change #footer to a width of 100% instead of 480px
- For #footer p add display:inline, float left and remove bottom margin
- 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.
July 4, 2013 at 9:02 pm #141606danielc2384
Participantthanks for that!
all solved.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.