# line breaks not working on mobile view

**URL:** <https://colorlibsupport.com/t/line-breaks-not-working-on-mobile-view/25031>\
**Category:** Shapely\
**Created:** [February 11, 2020, 10:17am UTC](https://colorlibsupport.com/t/line-breaks-not-working-on-mobile-view/25031 "2020-02-11T10:17:09Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![vandermeerjp](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/v/d9b06d/32.png) [@vandermeerjp](https://colorlibsupport.com/u/vandermeerjp)\
**Post date:** [February 11, 2020, 10:17am UTC](https://colorlibsupport.com/t/line-breaks-not-working-on-mobile-view/25031/1 "2020-02-11T10:17:09Z")

</div>

Hi,  
I want to purchase the theme but first there are some issues I’d like to sort out.

1. On a mobile phone the line breaks \<br\> do no work. How to fix this?

2. When giving a caption to an image in the image gallery the theme adds a huge border with gradient around the image.  
How can I remove this gradient border?

Regards,

JP

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [February 11, 2020, 2:08pm UTC](https://colorlibsupport.com/t/line-breaks-not-working-on-mobile-view/25031/2 "2020-02-11T14:08:32Z")

</div>

HI there

Can you please show me the page where this problem happens? let me check it first

---

<div class="post-metadata">

**Author:** ![vandermeerjp](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/v/d9b06d/32.png) [@vandermeerjp](https://colorlibsupport.com/u/vandermeerjp)\
**Post date:** [February 11, 2020, 2:47pm UTC](https://colorlibsupport.com/t/line-breaks-not-working-on-mobile-view/25031/3 "2020-02-11T14:47:22Z")

</div>

Off course,

Line breaks: [https://oudallee.nl/wp2020/bestuur/](https://oudallee.nl/wp2020/bestuur/)

Caption gradient borders: [https://oudallee.nl/wp2020/de-buurt/](https://oudallee.nl/wp2020/de-buurt/)

Thanks

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [February 12, 2020, 10:07am UTC](https://colorlibsupport.com/t/line-breaks-not-working-on-mobile-view/25031/4 "2020-02-12T10:07:50Z")

</div>

hey there

Please add this CSS&nbsp;in appearance - customize - additional CSS

@media (max-width: 767px){  
br {  
display: block;  
}  
}  
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {  
background: linear-gradient(0deg,rgba(0, 0, 0, 0),rgba(0,0,0,0) 70%,transparent);  
}

Thanks!  
Colorlib Support Team

---

<div class="post-metadata">

**Author:** ![vandermeerjp](https://colorlibsupport.com/letter_avatar_proxy/v4/letter/v/d9b06d/32.png) [@vandermeerjp](https://colorlibsupport.com/u/vandermeerjp)\
**Post date:** [February 12, 2020, 11:43am UTC](https://colorlibsupport.com/t/line-breaks-not-working-on-mobile-view/25031/5 "2020-02-12T11:43:04Z")

</div>

That did it, thanks a lot! 🙂

---

<div class="post-metadata">

**Author:** ![colorlibsupport](https://colorlibsupport.com/user_avatar/colorlibsupport.com/colorlibsupport/32/1494_2.png) [@colorlibsupport](https://colorlibsupport.com/u/colorlibsupport)\
**Post date:** [February 13, 2020, 11:52am UTC](https://colorlibsupport.com/t/line-breaks-not-working-on-mobile-view/25031/6 "2020-02-13T11:52:41Z")

</div>

Thank you ?

Ok, I will close this case now, Feel free to contact us again if you have other questions

Thanks!