# facing responsive issue in mobile device

**URL:** <https://community.hubspot.com/t/facing-responsive-issue-in-mobile-device/66136>\
**Category:** CMS Development\
**Tags:** design-manager\
**Created:** [September 29, 2022, 9:17am UTC](https://community.hubspot.com/t/facing-responsive-issue-in-mobile-device/66136 "2022-09-29T09:17:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![AbhilashDN](https://avatars.discourse-cdn.com/v4/letter/a/b782af/32.png) [@AbhilashDN](https://community.hubspot.com/u/AbhilashDN)\
**Post date:** [September 29, 2022, 9:17am UTC](https://community.hubspot.com/t/facing-responsive-issue-in-mobile-device/66136/1 "2022-09-29T09:17:09Z")

</div>

[https://blog.imocha.io/](https://blog.imocha.io/) this is our blog, when we open it in mobile then our half first fold is not visible due the both button.

---

<div class="post-metadata">

**Author:** ![Anton](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/anton/32/103167_2.png) [@Anton](https://community.hubspot.com/u/Anton)\
**Post date:** [September 29, 2022, 9:31am UTC](https://community.hubspot.com/t/facing-responsive-issue-in-mobile-device/66136/2 "2022-09-29T09:31:33Z")

</div>

Hi @AbhilashDN,

unless you’re gonna code something custom this is a default behavior of HubSpot. Every column will be translated to full-width on mobile.

- Change your CSS or add some lines of code to it. Currently your buttons get their mobile styling from this code:

```lia-code-sample
@media (max-width: 767px){
body a.cta_button[title], body .container-fluid .row-fluid .hs-button {
 font-size: 14px;
 box-sizing: border-box!important;
 width: 100%;
 max-width: 360px;
 padding-left: 0;
 padding-right: 0;
}

```

If you remove the both widths they will be inline and have auto-width.

But since this can lead to unwanted changes in other places I’d suggest to do is to add this line(s) of code at the very bottom of your CSS:

```lia-code-sample
@media (max-width: 767px){
.header .hs-button {
 width: auto;
 }
}

```

if this shouldn’t work - go the sledgehammer route by adding !important like this to it

```lia-code-sample
@media (max-width: 767px){
.header .hs-button {
 width: auto !important;
 }
}

```

best,

Anton