# Fixing formatting of carousel and text box on mobile

**URL:** <https://forum.builder.io/t/fixing-formatting-of-carousel-and-text-box-on-mobile/1648>\
**Category:** Visual Editor Help\
**Created:** [January 30, 2022, 2:21am UTC](https://forum.builder.io/t/fixing-formatting-of-carousel-and-text-box-on-mobile/1648 "2022-01-30T02:21:55Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![niki](https://avatars.discourse-cdn.com/v4/letter/n/c57346/32.png) [@niki](https://forum.builder.io/u/niki)\
**Post date:** [January 30, 2022, 2:21am UTC](https://forum.builder.io/t/fixing-formatting-of-carousel-and-text-box-on-mobile/1648/1 "2022-01-30T02:21:56Z")

</div>

Builder content link: [Builder.io: Drag and drop page builder and CMS](https://builder.io/content/777651637e67494d9f80a262e04d8890)

I have a few mobile formatting queries:

- The carousel spacing is completely off on mobile - see screenshot. I’ve been playing around with the section, box, carousel, and image layers and can’t figure out why this is happening.
- The text box below that say "Leopard Set - Midnight Jubilee (Navy) is overflowing on mobile. Also can’t figure out how to fix that.

 ![Screen Shot 2022-01-29 at 9.14.50 PM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/2/28ba8aecd3da16b2d556c17084bf76f5a3e0350d.png)

Code stack you are integrating Builder with:  
Shopify

---

<div class="post-metadata">

**Author:** ![maddy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/maddy/32/11_2.png) [@maddy](https://forum.builder.io/u/maddy)\
**Post date:** [January 31, 2022, 2:50pm UTC](https://forum.builder.io/t/fixing-formatting-of-carousel-and-text-box-on-mobile/1648/2 "2022-01-31T14:50:43Z")

</div>

Hi @niki!

The height of the carousel is off because your second slide has a fixed height of 730px. If you remove this value, the carousel should shink to fit its contents. If you give the “The Leopard set…” text a width of 100%, it shouldn’t overflow on mobile.

---

<div class="post-metadata">

**Author:** ![niki](https://avatars.discourse-cdn.com/v4/letter/n/c57346/32.png) [@niki](https://forum.builder.io/u/niki)\
**Post date:** [January 31, 2022, 3:11pm UTC](https://forum.builder.io/t/fixing-formatting-of-carousel-and-text-box-on-mobile/1648/3 "2022-01-31T15:11:31Z")

</div>

Thank you for your help, Maddy! That completely fixed “The Leopard Set” text box issue. It also improved the carousel issue, but there’s still a lot of spacing. Is there anything else you might be able to recommend for that?

![](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/e/e8ac224ba9ee97e87670ed6f3a2f0128b7af9fe4.gif)

---

<div class="post-metadata">

**Author:** ![maddy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/maddy/32/11_2.png) [@maddy](https://forum.builder.io/u/maddy)\
**Post date:** [January 31, 2022, 3:35pm UTC](https://forum.builder.io/t/fixing-formatting-of-carousel-and-text-box-on-mobile/1648/4 "2022-01-31T15:35:49Z")

</div>

@niki I’m also seeing 200px bottom padding on the second slide and a fixed height of 400px on some slides, removing this should help as well!

---

<div class="post-metadata">

**Author:** ![niki](https://avatars.discourse-cdn.com/v4/letter/n/c57346/32.png) [@niki](https://forum.builder.io/u/niki)\
**Post date:** [January 31, 2022, 4:08pm UTC](https://forum.builder.io/t/fixing-formatting-of-carousel-and-text-box-on-mobile/1648/5 "2022-01-31T16:08:55Z")

</div>

Hi Maddy, I’m not seeing that bottom padding or fixed height - I keep clicking each individual and then reviewing the “style” section to check the “Layout” and “Margin & Padding” areas. Are these values in some other section?

![](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/e/e8ac224ba9ee97e87670ed6f3a2f0128b7af9fe4.gif)

---

<div class="post-metadata">

**Author:** ![maddy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.builder.io/maddy/32/11_2.png) [@maddy](https://forum.builder.io/u/maddy)\
**Post date:** [January 31, 2022, 4:39pm UTC](https://forum.builder.io/t/fixing-formatting-of-carousel-and-text-box-on-mobile/1648/6 "2022-01-31T16:39:07Z")

</div>

Here is a screenshot of where you can find the bottom padding, this is on the second slide (the box block)

 ![Screen Shot 2022-01-31 at 11.35.35 AM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/f/fe8cfc0a91555e8842c01af297bfc9026a95e549.jpeg)

Here is where you can find the fixed height, which I see on the all of the slides besides the first and second.

 ![Screen Shot 2022-01-31 at 11.36.00 AM](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/d/da33a5ec9107905a599e8c6d070b28d5a1ec5a0e.jpeg)

---

<div class="post-metadata">

**Author:** ![niki](https://avatars.discourse-cdn.com/v4/letter/n/c57346/32.png) [@niki](https://forum.builder.io/u/niki)\
**Post date:** [January 31, 2022, 5:37pm UTC](https://forum.builder.io/t/fixing-formatting-of-carousel-and-text-box-on-mobile/1648/7 "2022-01-31T17:37:49Z")

</div>

I see the issue now! I was clicking into the image layer instead of the carousel and box layer. Thank you very much for helping solve that!

![](https://us1.discourse-cdn.com/flex020/uploads/builder/original/2X/e/e8ac224ba9ee97e87670ed6f3a2f0128b7af9fe4.gif)
