CMS Development

JDickerson0
Participant

Help with Responsive Design | Button Layouts

SOLVE

Need help with two buttons that are not sitting right on my page on mobile devices. In the drag and drop editor I am unable to find a way to add spacing between the buttons on mobile. 

 

I am new to HubSpot, so I figured this would be a good place to have this conversation with individuals more experienced than me. 

 

I am going to put screenshots of the desktop layout and the mobile layout. I just want to add some space between the buttons on mobile so they aren't sitting on top of each other. 

 

 

Desktop LayoutDesktop LayoutMobile LayoutMobile Layout

0 Upvotes
1 Accepted solution
Jake_Lett
Solution
Guide | Partner
Guide | Partner

Help with Responsive Design | Button Layouts

SOLVE

I would try the following to make this adjustment. You are making a little vertical spacer.

 

  1. Add a rich text module between the two button modules
  2. Inside the rich text module view the source code and add <p>&nbsp;</p>
  3. Save and preview

View solution in original post

0 Upvotes
3 Replies 3
Jake_Lett
Solution
Guide | Partner
Guide | Partner

Help with Responsive Design | Button Layouts

SOLVE

I would try the following to make this adjustment. You are making a little vertical spacer.

 

  1. Add a rich text module between the two button modules
  2. Inside the rich text module view the source code and add <p>&nbsp;</p>
  3. Save and preview
0 Upvotes
ASavoi
Participant

Help with Responsive Design | Button Layouts

SOLVE

Hello! Is there any way to get this result instead of having the buttons one above the other?

WhatsApp Image 2023-08-24 at 11.16.01.jpeg

0 Upvotes
JDickerson0
Participant

Help with Responsive Design | Button Layouts

SOLVE

Thank you, exactly what I needed.