# Help with Responsive Design | Button Layouts

**URL:** <https://community.hubspot.com/t/help-with-responsive-design-button-layouts/80595>\
**Category:** CMS Development\
**Tags:** professional\
**Created:** [May 4, 2023, 3:59pm UTC](https://community.hubspot.com/t/help-with-responsive-design-button-layouts/80595 "2023-05-04T15:59:21Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![JDickerson0](https://avatars.discourse-cdn.com/v4/letter/j/bbce88/32.png) [@JDickerson0](https://community.hubspot.com/u/JDickerson0)\
**Post date:** [May 4, 2023, 3:59pm UTC](https://community.hubspot.com/t/help-with-responsive-design-button-layouts/80595/1 "2023-05-04T15:59:21Z")

</div>

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.

 ![Screen Shot 2023-05-04 at 10.24.12 AM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/3/6344de2e50d05ef3ae5dc13fc939a7b28f907dc5.png)  
Desktop Layout  
 ![Screen Shot 2023-05-04 at 10.24.01 AM.jpg](https://d2qpr2jzcazej7.cloudfront.net/original/3X/6/c/6c587ee65a74ad31d945e2cc3e6afea511fc53ee.jpeg)  
Mobile Layout

---

<div class="post-metadata">

**Author:** ![Jake\_Lett](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/jake_lett/32/45178_2.png) [@Jake\_Lett](https://community.hubspot.com/u/Jake_Lett)\
**Post date:** [May 4, 2023, 6:12pm UTC](https://community.hubspot.com/t/help-with-responsive-design-button-layouts/80595/2 "2023-05-04T18:12:40Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![JDickerson0](https://avatars.discourse-cdn.com/v4/letter/j/bbce88/32.png) [@JDickerson0](https://community.hubspot.com/u/JDickerson0)\
**Post date:** [May 4, 2023, 6:36pm UTC](https://community.hubspot.com/t/help-with-responsive-design-button-layouts/80595/3 "2023-05-04T18:36:34Z")

</div>

Thank you, exactly what I needed.

---

<div class="post-metadata">

**Author:** ![ASavoi](https://avatars.discourse-cdn.com/v4/letter/a/90db22/32.png) [@ASavoi](https://community.hubspot.com/u/ASavoi)\
**Post date:** [August 24, 2023, 9:17am UTC](https://community.hubspot.com/t/help-with-responsive-design-button-layouts/80595/4 "2023-08-24T09:17:10Z")

</div>

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](https://d2qpr2jzcazej7.cloudfront.net/original/2X/1/1b2e379dffd6f0762aba1e34ea52d68f8334a35c.jpeg)