# Responsive alignment

**URL:** <https://community.sitejet.io/t/responsive-alignment/688>\
**Category:** Website Builder\
**Tags:** cms\_code\
**Created:** [July 25, 2021, 6:52pm UTC](https://community.sitejet.io/t/responsive-alignment/688 "2021-07-25T18:52:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\
**Post date:** [July 25, 2021, 6:52pm UTC](https://community.sitejet.io/t/responsive-alignment/688/1 "2021-07-25T18:52:44Z")

</div>

Hi everybody,  
I’m trying to have Img/H1/txt/Btn one over the other left aligned on desktop and centered on mobile.  
So I change the alignment that i did set up on desktop for centered on mobile view. It works perfect for the Img/H1, but Txt and Btn keeps the mobile setup when returning on desktop view.  
Is this a bug or am I missing something?

---

<div class="post-metadata">

**Author:** ![Patrick\_Luescher](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/patrick_luescher/32/24_2.png) [@Patrick\_Luescher](https://community.sitejet.io/u/Patrick_Luescher)\
**Post date:** [July 25, 2021, 8:50pm UTC](https://community.sitejet.io/t/responsive-alignment/688/2 "2021-07-25T20:50:02Z")

</div>

Hello Jean Pierre

As far as I know it is not possible to do formatting within the text field for different screen sizes.

You have to assign a class to the text field and then apply the formatting via CSS code.

For example:

```auto
.your-css-class {
	@media screen and (max-width: $breakpoint-xs) {
        text-align: center;
	}
}

```

---

<div class="post-metadata">

**Author:** ![Jean\_Pierre\_Michael](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/jean_pierre_michael/32/101_2.png) [@Jean\_Pierre\_Michael](https://community.sitejet.io/u/Jean_Pierre_Michael)\
**Post date:** [July 25, 2021, 10:23pm UTC](https://community.sitejet.io/t/responsive-alignment/688/3 "2021-07-25T22:23:32Z")

</div>

Yes, how strange…  
Same for the button.

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [August 20, 2024, 11:10am UTC](https://community.sitejet.io/t/responsive-alignment/688/4 "2024-08-20T11:10:22Z")

</div>

Closed on August 20, 2024, 11:10am UTC