A

Anonymous

Solved

Why when activating the mobile version of a landing page, does the mobile landing page then appear blank?

Forum|Forum|11 years ago
March 11, 2015
12 replies
7404 views

I have tried this on a landing page created from our own template, but also with one from the Standard Marketo Template for landing pages.

I go through the process of creating a new landing page from the chosen template and the click Edit Draft. I then see my Desktop landing page and click the Mobile tab. It says, "Mobile Version - Automatically activate a mobile version of your landing page" with an Activate button which I click.

It shows "Activating mobile version" for a few seconds and for a split second I have seen the the layout from the desktop version displayed in the mobile version, but then it goes completely blank - the page is completely empty yet the desktop version has a header, logo, footer etc as designed in the template.

As I say, this isn't just happening with our own template, it is happening with Marketo's own sample template too.

Please advise.

Thanks in advance,
Peter

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by Justin_Cooperm2

If that's what you want to do (it's not recommended), you'll have to code it manually in CSS. If you don't already know how to do this, then I would very strongly recommend avoiding it. Doing this is complex and you really need to have expertise with CSS specificity to make it work correctly. Instead, I would just put your mobile headers/footers in snippets and insert them that way (it will also let you edit those elements in one place and have it apply to all your pages).

If you reeeeeeeally want to know how it's done in CSS, I'll be nice and still tell you. But please be warned this could have a negative outcome if you don't understand how this works. Add the following CSS in the <head> section of your landing page template, then apply the "alwaysShow" class to whatever HTML element you want to stay visible when the mobile view appears.
html #bodyId .alwaysShow { display:block; }

Show previous replies

Robb_Barrett

Level 10

I'm having this issue currently and it's extremely annoying. I've written up a perfectly nice mobile friendly page and CSS with media queries and all that good stuff. Now it won't show on mobile devices. Out of the blue this happened....it had been working fine and then suddenly it added in all that stupid mktoMobileHide nonsense.

I'm dumbfounded as to why this would be a useful feature. Why on earth would anyone want Marketo to insert code that maliciously appends itself to all child elements, almost virus like? What good does this do?

Robb Barrett

Justin_Cooperm2

Level 10

Robb,

Why use "Free form" pages if you've coded a template that already builds in the media queries? You'll get no value out of it. The "Free Form" product is really for the bucket of customers that either need flexibility to fully design the LP via drag-and-drop or simply aren't comfortable with HTML/CSS. It sounds like you are, so why not just use a "Guided" page? In a "Guided" page, there is no such thing as "Activate for Mobile" in which Marketo adds all the classes you're mentioning. The reason is it is built for more advanced templates, like yours, that already built the responsiveness into the template. For absolute-positioned templates with no responsiveness, the "Free form" experience is quite helpful.

Justin

Justin_Cooperm2

Level 10

Also, I did also just follow-up and confirm that nothing has changed in our landing page products recently. My guess is someone "activated the free form page for mobile" which caused the issue you're seeing. Obviously, if your page is already handling the responsiveness via media queries, there is no need to "activate for mobile" which is the feature that instructs Marketo to hide everything and produce a custom mobile view.

Thanks,

Justin

Robb_Barrett

Level 10

Thanks @Justin Cooperman, I figured out the problem: NEVER hit "Validate Mobile Compatibility" on your templates!

Why use free form instead of guided? I dunno...just more used to using free form I guess. I haven't taken the time yet to learn the guided ones and I don't necessarily understand how there's a difference in just hard-coding HTML / CSS / JS. A template should be a template.

Robb Barrett

Justin_Cooperm2

Level 10

I just responded to that thread. It's not a problem, it's a feature. If you are using a "Free Form" page and choose to "Activate a Mobile Version of your Page" you are, in essence, instructing Marketo to automatically build a mobile view of your absolute-positioned page, because the page wasn't built to be responsive.

I highly recommend you use Guided landing page templates and editor. It is more suited for what you are doing. But, I can vouch for the fact that we have tons of customer that rely on the auto-build mobile view for their templates that aren't responsive. Not everyone has technical resources to build responsive landing page templates suited for Guided mode.

Justin

Robb_Barrett

Level 10

Indeed. I've updated the thread after learning that someone had Activated Mobile and not informed me. I've played around with the Guided pages a little bit and I don't like them as much as I like writing a Free Form template and hard-coding in tokens to the template. From there, a standard Marketer can just edit a Rich Text token and put in all sorts of lovely changes to the content without ever needing to know how to use the LP editor. Also, when we want to make major changes to our look and feel, we can write a new template referencing the same tokens, add a new LP based on those tokens into the program and we don't need to add the content in. This has made updating templates a so darn easy and it's given my standard marketing users an easier way to create programs without needing to know the email editor or the LP editor.

Robb Barrett

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded