CMS Development

katepaulson
Member

Landing Page Preview - desktop view VS mobile view

My landing page is finished up and looks great when previewing from a desktop view, but when looking from a smaller screened mobile view, it's looking pretty terrible. My header gets cut off, my CTA get's pushed way down to my second section, etc. Is there any way to edit a landing page to look one way on a desktop, and a different way on a mobile device? I could make the font size of my header smaller to fit on a mobile screen, but then it will look way too small on a desktop screen. I could increase the length of my header image so that the header title and CTA will remain on correct page from a mobile view, but then the image is way too long and large on a desktop view. Very frustrated, any suggestions? 

 

Link to landing page: https://app.hubspot.com/content/1625440/edit/6477324603/content

 

Template: https://app.hubspot.com/beta-design-manager/1625440/templates/6477321996

0 Upvotes
2 Replies 2
Adesignl
Top Contributor | Partner
Top Contributor | Partner

Landing Page Preview - desktop view VS mobile view

Do you need help with this? It requires some CSS magic to work the way you want it to.

 

The CMS is really good. But having front end dev knowlege (of somone you know) is a great tool to make things 100%.

 

Let me know if I can help.

0 Upvotes
es-esq
Member

Landing Page Preview - desktop view VS mobile view

Hello! Did this question every get resolved? I have a similar issue -- my mobile view is a little different than my desktop view. Not TOO bad, but for example, my logo on mobile view is oversized and takes up some of my headline text, and some of the header texts are too big.

 

Thanks!

 

www.es-esq.com/about-esther is a good example of the how it looks different on mobile vs. desktop.

 

0 Upvotes