topic CTA Button Issue on Mobile in CMS Development

CTA Button Issue on Mobile

Austinmichaels — Fri, 23 Nov 2018 18:15:19 GMT

Hey guys,

Having an issue with CTA buttons stacking on mobile.

They look good on desktop.

Stephanie-OG — Fri, 23 Nov 2018 20:10:50 GMT

Hi there!

Try this: go to Marketing > Files and Templates > Design Tools and, on the left-hand side, search for the file LHL_October2018-style.css

At the very bottom of the file (although it can go anywhere), paste in the following:

@media (max-width: 494px) {
  .home-top-sec .hs-cta-wrapper {
    display: block;
  }
}

That should stack those vertically on mobile.

I hope that helps!

HubSpot Design / Development

If this helped, please mark it as the solution to your question, thanks!

Austinmichaels — Fri, 23 Nov 2018 20:25:23 GMT

Thanks, Stephanie.

Where exactly would I input that?

Thanks,

Austinmichaels — Fri, 23 Nov 2018 20:27:15 GMT

Nevermind!

Got it!

Charliebreslin — Tue, 31 Aug 2021 11:39:49 GMT

Hi there, I'm also having trouble aligning CTA's on mobile.

Any assistance would be much appreciated.

Thanks