Forum Replies Created
-
AuthorPosts
-
swdesignerMember
I added this to the HTML: <meta name="viewport" content="initial-scale=1/">
and this to the CSS:
@media only screen and (max-width: 1200px) {@viewport{
zoom: .85;
width: 85%;
}But it's not affecting the iPad view. If I change initial-scale to .85 in the HTML it looks like it used to on the iPad. But makes the phone view smaller too.
Anybody have more light to shed?
swdesignerMemberOriginally I wasn't planning on the site being responsive, but it was hard to view on phones, so I added the responsive capability for phones and it reads much better now. Not wanting to lose that!
swdesignerMemberI think it would take a lot of time to make the tablet view responsive at this point. I worked on it for a while, but it seemed like it would take too many hours, especially when the site was working perfectly on tablets before responsive was enabled.
I wish I knew how to remove the viewport size from the functions.php file. It doesn't list sizes, just adds the tag capability:
//* Add viewport meta tag for mobile browsers
add_theme_support( 'genesis-responsive-viewport' );That's what's so puzzling -- if the tablet @media size is left out of the CSS, the site still falls apart.
Looked at your site, by the way, very nice work!
swdesignerMemberHi Ben,
Thanks for the reply.
If I take out the min-width of 1200px, the site structure falls apart. I changed it to max-width, so you can see what happens.
Since the site displayed fine on tablets before the responsive code was added, I'm trying to find a way to get back to that without having to write a lot of CSS for the tablet view.
I'm hoping there's a solution!
swdesignerMemberAgreed. Just sharing what I received from Support. Didn't read it or try it.
If you find an easier fix, please let me know! I have the same problem. Thanks.
-
AuthorPosts