# Previewed application looks different than published. Why?

**URL:** <https://community.weweb.io/t/previewed-application-looks-different-than-published-why/4036>\
**Category:** Ask us anything\
**Created:** [August 26, 2023, 12:09pm UTC](https://community.weweb.io/t/previewed-application-looks-different-than-published-why/4036 "2023-08-26T12:09:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![lissianski](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/lissianski/32/3084_2.png) [@lissianski](https://community.weweb.io/u/lissianski)\
**Post date:** [August 26, 2023, 12:09pm UTC](https://community.weweb.io/t/previewed-application-looks-different-than-published-why/4036/1 "2023-08-26T12:09:32Z")

</div>

Hi! My application in published mode looks different than in preview mode.

Any ideas why this is happening?

Thanks!

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/ddc7953cd474586bbe19c2ec6badee6c4b366657.jpeg)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/4/41f8f288e2565276805f8e977db5ae51652c10e4.jpeg)

---

<div class="post-metadata">

**Author:** ![lissianski](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/lissianski/32/3084_2.png) [@lissianski](https://community.weweb.io/u/lissianski)\
**Post date:** [August 27, 2023, 11:40am UTC](https://community.weweb.io/t/previewed-application-looks-different-than-published-why/4036/2 "2023-08-27T11:40:57Z")

</div>

Figured it out myself. No need for the reply

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [August 27, 2023, 12:32pm UTC](https://community.weweb.io/t/previewed-application-looks-different-than-published-why/4036/3 "2023-08-27T12:32:39Z")

</div>

Could you post the issue here so everyone knows when they face the same issue as you? 🙂

---

<div class="post-metadata">

**Author:** ![lissianski](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/lissianski/32/3084_2.png) [@lissianski](https://community.weweb.io/u/lissianski)\
**Post date:** [August 29, 2023, 11:07am UTC](https://community.weweb.io/t/previewed-application-looks-different-than-published-why/4036/4 "2023-08-29T11:07:58Z")

</div>

Don’t remember exactly what it was. Something with the width of the side menu and the margin of the content block. They should correspond to each other.

---

<div class="post-metadata">

**Author:** ![Joyce](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/joyce/32/13232_2.png) [@Joyce](https://community.weweb.io/u/Joyce)\
**Post date:** [August 30, 2023, 11:07am UTC](https://community.weweb.io/t/previewed-application-looks-different-than-published-why/4036/5 "2023-08-30T11:07:19Z")

</div>

For other people who might have the issue, this is covered in this academy video on [designing a responsive side menu](https://academy.weweb.io/scale-your-web-app/responsive-sidebar/).

At 3:40, we also discuss the option of making the side menu width dynamic (which requires the content section to be dynamic also).