CMS Development

Austinmichaels
Member

CTA Button Issue on Mobile

SOLVE

Hey guys,

 

Having an issue with CTA buttons stacking on mobile.

They look good on desktop.

 

IMG_0316.jpeg

0 Upvotes
1 Accepted solution
Stephanie-OG
Solution
Key Advisor

CTA Button Issue on Mobile

SOLVE

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!

 


Stephanie O'Gay GarciaHubSpot Design / Development

Website | Contact

 

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

View solution in original post

0 Upvotes
4 Replies 4
Charliebreslin
Member

CTA Button Issue on Mobile

SOLVE

Screenshot 2021-08-31 at 13.20.05.png

 

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

 

Any assistance would be much appreciated. 

 

Thanks

0 Upvotes
Stephanie-OG
Solution
Key Advisor

CTA Button Issue on Mobile

SOLVE

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!

 


Stephanie O'Gay GarciaHubSpot Design / Development

Website | Contact

 

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

0 Upvotes
Austinmichaels
Member

CTA Button Issue on Mobile

SOLVE

Thanks, Stephanie.


Where exactly would I input that?

 

Thanks,

0 Upvotes
Austinmichaels
Member

CTA Button Issue on Mobile

SOLVE

Nevermind!

 

Got it!

0 Upvotes