# Space for the webpage - mobile

**URL:** <https://community.hubspot.com/t/space-for-the-webpage-mobile/14166>\
**Category:** Blog, Website & Page Publishing\
**Tags:** website-pages\
**Created:** [April 30, 2019, 12:25pm UTC](https://community.hubspot.com/t/space-for-the-webpage-mobile/14166 "2019-04-30T12:25:08Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![viktoriia17](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/viktoriia17/32/48240_2.png) [@viktoriia17](https://community.hubspot.com/u/viktoriia17)\
**Post date:** [April 30, 2019, 12:25pm UTC](https://community.hubspot.com/t/space-for-the-webpage-mobile/14166/1 "2019-04-30T12:25:08Z")

</div>

Hi there,

Please help me to fix the issue with space on the left for the webpage on mobile. The screenshot is below.

Webpage: [Clients We Have Helped | Enavate](https://www.enavate.com/customers)

Thank you so much,

Viktoriia

 ![Screen Shot 2019-04-30 at 2.24.49 PM.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/8/0/8007836709b467defb5f983f0a810dbf37fc7eee.png)

---

<div class="post-metadata">

**Author:** ![Bryantworks](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bryantworks/32/94963_2.png) [@Bryantworks](https://community.hubspot.com/u/Bryantworks)\
**Post date:** [May 1, 2019, 1:07pm UTC](https://community.hubspot.com/t/space-for-the-webpage-mobile/14166/2 "2019-05-01T13:07:41Z")

</div>

Hey @viktoriia17

I checked out your sites CSS and it seems that there aren’t any mobile queries. You could add something like the following to potentially fix this:

```auto
@media only screen and (max-width: 600px) {
  body {
    padding: 20px;
  }
}

```

With this added in my browser I get the following:

 ![Customers _ ENAVATE - Google Chrome 2019-05-01 09.05.28.png](https://d2qpr2jzcazej7.cloudfront.net/original/3X/3/7/378bc25c58a63dd1dbd9ed6f4bba050cc6aad6b4.png)

It still looks like you’ll have to update the header and menu hamburger too, but you can alter the above CSS to get your desired results.

Hope this helps!

---

<div class="post-metadata">

**Author:** ![viktoriia17](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/viktoriia17/32/48240_2.png) [@viktoriia17](https://community.hubspot.com/u/viktoriia17)\
**Post date:** [May 2, 2019, 10:58am UTC](https://community.hubspot.com/t/space-for-the-webpage-mobile/14166/3 "2019-05-02T10:58:07Z")

</div>

Hi,

Yes, this looks good and helpful! Thank you so much for that! What about creating these queries only for the body, not the header and footer? Is there any specific settings for that?

Thank you again,

Viktoriia

---

<div class="post-metadata">

**Author:** ![Bryantworks](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bryantworks/32/94963_2.png) [@Bryantworks](https://community.hubspot.com/u/Bryantworks)\
**Post date:** [May 2, 2019, 12:08pm UTC](https://community.hubspot.com/t/space-for-the-webpage-mobile/14166/4 "2019-05-02T12:08:01Z")

</div>

Hey @viktoriia17

The query that I posted above is just for the body only. If you wanted to target elements in your header like your logo you would do something like:

```auto
@media only screen and (max-width: 600px) {
 .custom-logo {
 padding: 20px;
 }
}

```

---

<div class="post-metadata">

**Author:** ![viktoriia17](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/viktoriia17/32/48240_2.png) [@viktoriia17](https://community.hubspot.com/u/viktoriia17)\
**Post date:** [May 2, 2019, 12:14pm UTC](https://community.hubspot.com/t/space-for-the-webpage-mobile/14166/5 "2019-05-02T12:14:14Z")

</div>

Okay, got it! thank you so much! Will use that.