- This topic has 6 replies, 2 voices, and was last updated 1 month, 3 weeks ago by
.
-
Posts
-
When I link to a newsletter page using the TNP built in preview links it centers the content with the width being 600px loading on safari or chrome on iOS. I noticed though if I do a link from Instagram (it uses its built-in web preview) the content is scaled extra wide and I need to zoom out at first to fix this. I noticed that there is new meta viewport inside the page head tag and I’m wondering if that would fix the issue – not sure if anyone else has had this before.
Also is it possible to display the preview links inside my website wrapper (so I have my header/menus and footer)?
I just notice I had a type. I wanted to say “I noticed that there <b>isn’t</b> a meta viewport tag inside the page head tag”.
It’s kinda weird, since internal Instagram browser is based on Safari as it uses the exact same engine. May I know the url of your website?
Michael
I’m mistaken it is happening in iOS safari as well.
https://ohsheglows.com/?na=view&id=29
I’m pretty sure if would work if I can inject the tag
meta name="viewport" content="width=device-width, initial-scale=1.0"Hello,
that tag is already there. I confirm it’s happening on iOS as well, but only from your site, in our test environments it’s not happening at all. Please try to add the following css to Settings > Advanced:
/* Fix for zoomed-in Newsletter View on Mobile */
@media only screen and (max-width: 768px) {
/* Force the main container and tables to be fluid */
body, table, .newsletter-email {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}/* Ensure images shrink to fit */
img {
height: auto !important;
max-width: 100% !important;
}
}Tell me if that works.
- You must be logged in to reply to this topic.