Hi guys, can someone please answer my question.
I want to reduce the space between rich text and other elements but only on mobile. On desktop it looks good.
Attached is a photo for reference
I went trough so many different treats and there is a solution for every theme, but the DAWN theme.
I really hope someone answers.
If you can share the URL where the spacing issue occurs, it would be really easy to figure out the issue.
By the way, it could be resolved by a little change in coding
Hi, this is the exact page - https://reussirwi.com/pages/aboth-us
Problem only occurs on mobile, on dekstop it looks great! @khgamujtaba
In section-rich-text.css, add the following code at the top of the file:
@media only screen and (max-width:599px) { .rich-text–full-width.color-background-1 { margin-top: 0px !important; } }
We can also remove more spacing but it requires changing the padding in the “image-with-text__content” class. It requires some extra code that could be done if you are comfortable with coding only 
It worked perfectly, thank you!!
I am glad that it worked
@jamie292929 I just replied to your post
hey @khgamujtaba , the code you gave me worked great, but then I realized it is a general thing for all rich texts around the website.
I only needed to reduce the spacing on one page - the about you page.. is there a way to only have the change in spacing on the one page, and not on all elements on the website?
you need to add the condition like:
{% if page.handle == “about-us” %}
----your css code your-----
{% endif %}
*about-us represents the handle of your page
