Blog, Website & Page Publishing

APate
Member

Mobile responsive Landing Page

SOLVE

Hello everyone,

 

I have a landing page listed below, that does not respond well on a mobile device. Any ideas here on how to troubleshoot? Frustrating that i cannot edit the mobile version so I assume this requires some custom styles? The page in question is below. Thanks in advance!

 

https://info.hitcheck.com/ssia

0 Upvotes
1 Accepted solution
Jnix284
Solution
Hall of Famer

Mobile responsive Landing Page

SOLVE

@CatySmart smart content is a great way to customize by device, but the template being used for this page is very inflexible and overall unresponsive, so it would require hiding nearly all of the desktop modules and rebuilding a mobile version, which is why I didn't recommend initially.


If my reply answered your question please mark it as a solution to make it easier for others to find.


Jennifer Nixon

View solution in original post

5 Replies 5
CatySmart
Participant

Mobile responsive Landing Page

SOLVE

Jnix gave a good answer above. I'd also add the option to use smart content on that page to give the page a different content layout for users on mobile devices. You can learn more about how to create smart rules for website and landing pages based on device siz...

Jnix284
Solution
Hall of Famer

Mobile responsive Landing Page

SOLVE

@CatySmart smart content is a great way to customize by device, but the template being used for this page is very inflexible and overall unresponsive, so it would require hiding nearly all of the desktop modules and rebuilding a mobile version, which is why I didn't recommend initially.


If my reply answered your question please mark it as a solution to make it easier for others to find.


Jennifer Nixon
Jnix284
Hall of Famer

Mobile responsive Landing Page

SOLVE

Hi @APate being able to control the responsiveness of your content on mobile really comes down to how the theme (or template) you're using is developed. 

 

Many themes have responsiveness built-in, something you can evaluate fairly easily using the demo site on your mobile device. 

 

You could add media queries to your CSS to make changes to the code and improve the responsiveness, but if you're not a developer, it's likely easier to rebuild the page using a responsive template.

 

I wrote this blog in the community about how to choose a free theme, which might be helpful for you to review before exploring the marketplace.

 

A good example of a mobile responsive theme that's free and that has a lot of nice features is Absolut

 

Hope this helps!

 


If my reply answered your question please mark it as a solution to make it easier for others to find.


Jennifer Nixon
APate
Member

Mobile responsive Landing Page

SOLVE

Thanks @Jnix284 . I am only using the Hubspot Starter CMS, so I cannot use the Absolut custom template that you mentioned, is that correct?

 

Are there any templates available to start level users that are mobile responsive? Kind of crazy to me that in 2023 ANY web template would exist that wasn't fully responsive.

Jnix284
Hall of Famer

Mobile responsive Landing Page

SOLVE

Hi @APate Absolut is a free theme and is compatible with any CMS Hub subscription, you can check your subscription compatibilty with the theme on the right side when viewing the theme listing in the marketplace:

Jnix284_0-1675108896479.png

 

Also, Remotish has a lot of free themes and all are mobile responsive, not all of them are compatibile with the CMS Starter, but it will give you a warning at the top like this:

Jnix284_1-1675108999356.png

 

And I agree with you that they should all be mobile responsive, unfortunately even with the strict review process, it is possible to create a theme that passes the marketplace criteria without having the same level of mobile friendliness and/or features.

 

I hope this helps!

 


If my reply answered your question please mark it as a solution to make it easier for others to find.


Jennifer Nixon