# Hide background image on mobile

**URL:** <https://community.hubspot.com/t/hide-background-image-on-mobile/32630>\
**Category:** CMS Development\
**Tags:** design-manager\
**Created:** [March 3, 2021, 6:52pm UTC](https://community.hubspot.com/t/hide-background-image-on-mobile/32630 "2021-03-03T18:52:05Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Camilla\_02](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/camilla_02/32/82797_2.png) [@Camilla\_02](https://community.hubspot.com/u/Camilla_02)\
**Post date:** [March 3, 2021, 6:52pm UTC](https://community.hubspot.com/t/hide-background-image-on-mobile/32630/1 "2021-03-03T18:52:05Z")

</div>

Hi,

I am trying to change the background image on the following site into just plain color on mobile device: [https://www.vitalsmarts.dk/sund-high-performance](https://www.vitalsmarts.dk/sund-high-performance)

I saw someone had succed adding the following css to the Head HTML under advance settings on the page, however it does not work for us.

```auto
<style>
 @media (max-width: 479px) {
 .marquee {
 background: #0C2E4E !important;
 }
 }
</style>

```

Does anyone have an idea on how I can fix this?

Thank you!

---

<div class="post-metadata">

**Author:** ![alyssamwilie](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/alyssamwilie/32/2072_2.png) [@alyssamwilie](https://community.hubspot.com/u/alyssamwilie)\
**Post date:** [March 3, 2021, 7:19pm UTC](https://community.hubspot.com/t/hide-background-image-on-mobile/32630/2 "2021-03-03T19:19:23Z")

</div>

[@Camilla\_02](https://community.hubspot.com/t5/user/viewprofilepage/user-id/163182) Change _.marquee_ to _.dnd\_area\_main\_banner-row-0-background-image_ as that’s the class that the background is being set on. Since it’s Drag and Drop that class is dynamically generated so just keep in mind if you ever place something above that section the class will change (though since it’s your hero I can’t imagine you’d ever end up doing that, but wanted to point it out just in case).

---

<div class="post-metadata">

**Author:** ![rlopez](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/rlopez/32/47737_2.png) [@rlopez](https://community.hubspot.com/u/rlopez)\
**Post date:** [March 3, 2021, 7:34pm UTC](https://community.hubspot.com/t/hide-background-image-on-mobile/32630/3 "2021-03-03T19:34:35Z")

</div>

Hi @alyssamwilie 🙂

I agree with your observation.

Regards,

Rafael López

---

<div class="post-metadata">

**Author:** ![rlopez](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/rlopez/32/47737_2.png) [@rlopez](https://community.hubspot.com/u/rlopez)\
**Post date:** [March 3, 2021, 7:27pm UTC](https://community.hubspot.com/t/hide-background-image-on-mobile/32630/4 "2021-03-03T19:27:29Z")

</div>

Hi [@Camilla\_02](https://community.hubspot.com/t5/user/viewprofilepage/user-id/163182) 🙂

I can’t test it, but I think that you need something like this:

```lia-code-sample
<style>
 @media (max-width: 479px) {
 .dnd_area_main_banner-row-0-background-image {
 background: #0C2E4E;
 background-image: none;
 }
 }
</style>

```

I hope this code solve your problem. I’ll wait for your response.

Regards,

Rafael López.

---

<div class="post-metadata">

**Author:** ![Camilla\_02](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/camilla_02/32/82797_2.png) [@Camilla\_02](https://community.hubspot.com/u/Camilla_02)\
**Post date:** [March 3, 2021, 7:32pm UTC](https://community.hubspot.com/t/hide-background-image-on-mobile/32630/5 "2021-03-03T19:32:17Z")

</div>

Thank you @alyssamwilie and @rlopez it works! I really am no expert in CSS and have been struggeling with this for hours, I truly appreciate your help!

---

<div class="post-metadata">

**Author:** ![rlopez](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/rlopez/32/47737_2.png) [@rlopez](https://community.hubspot.com/u/rlopez)\
**Post date:** [March 3, 2021, 7:37pm UTC](https://community.hubspot.com/t/hide-background-image-on-mobile/32630/6 "2021-03-03T19:37:10Z")

</div>

Hello [@Camilla\_02](https://community.hubspot.com/t5/user/viewprofilepage/user-id/163182).

It was a pleasure 🙂

Regards,

Rafael López