Your Achievements
Level 1
0% to
Level 2
Next /
to gain points, level up, and earn exciting badges like the new Applaud 5 BadgeLearn more!
View All BadgesSign in to view all badges
Open Alert Bar

Re: Guided Template Stylesheet not working on iOS Devices

Lucho_Soto
Level 5
Level 5
‎05-16-2019 01:09 PM
‎05-16-2019 01:09 PM

Guided Template Stylesheet not working on iOS Devices

Hi Marketo Community,

I created a responsive Guided Landing Page Template and made landing page located in this URL: http://pages.hatchearlylearning.com/Guided-Template-Test.html

Resizing the window in my Chrome browser shows the tablet and mobile viewports working as intended. However, when I try to open the same page on my iPhone, the desktop view shows up and all of the responsive elements seem to have been stripped except for .two-column-container-bg-image, which changes images correctly based on screen size. Clearing my history did not help. 

I initially had the style sheet hosted externally, so I tried moving all of the CSS into the template but still had no luck.

Any help with troubleshooting this would be very helpful! Attaching the code for the guided template as well. 

Guided Template Test.htm.zip
0 Likes
2,157
Reply
2 REPLIES 2
Lucho_Soto
Level 5
Level 5
‎05-16-2019 01:44 PM
‎05-16-2019 01:44 PM

Re: Guided Template Stylesheet not working on iOS Devices

Got it to work! Just needed this line of code in the <head> so that mobile devices would recognize the media queries. 

<meta name="viewport" content="width=device-width, initial-scale=1">

0 Likes
2,004
Reply
Ronnie_Duke2
Level 4
Level 4
‎05-17-2019 08:43 AM
‎05-17-2019 08:43 AM

Re: Guided Template Stylesheet not working on iOS Devices

I was going to say - it works fine for me, but then I read your reply . Glad you got it figured out! Good looking LP btw!

0 Likes
2,004
Reply
Home