Skip to main content
A
Anonymous
May 8, 2018
Question

Template Header and Footer not appearing on mobile

  • May 8, 2018
  • 1 reply
  • 3663 views

Hi Community,

I have a landing page template with our business' logo in the header and additional information in the footer. When I view the landing page in my mobile device, or even with the mobile preview within Marketo, the header and footer does not appear. Does someone know why this is and how can I ensure that the header and footer do appear on mobile?

Thanks!

Jenny

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

1 reply

Jay_Jiang
Jay_Jiang
Level 10
May 9, 2018

Hi without looking at the page, it'd be too hard to guess. Can you publish the page or a clone of the page and share the link?

A
Anonymous
May 9, 2018

Hi Jay,

I inspected the code and noticed that it’s set to hide the header logo on Mobile. See below. How can I change this to have it visible. Just to preface, I have very little HTML, CSS skills.

Thanks!
Jenny

Justin_Laberge1
Justin_Laberge1
Level 4
May 9, 2018

Hi Jenny,

The easiest way is to edit the CSS file for the landing page - but I'm not sure if the CSS was inline (found in the actual landing page code) or linked from elsewhere.

You can scroll through the CSS to find media queries which looks something like:

"@media only screen and (max-width: 1280px) {

(normal css here)

}"

They are usually found towards the bottom of the CSS file. And you'll want to look for something like:

div.mktoMobileHide {

display:none;

}

And remove it, or comment it (/* csshtml here */). Now before you do any of this, make sure to back up your original HTML/css file in a notepad or html editor and save it locally. Even better, clone everything you are working on to test it.

Hope this helps

Terms & ConditionsAccessibility statement

Loading footer...