How to change margins on heading to fit in a single line?

[atmos-art]

Hi,

I am trying to change the margins/padding on this section on my home page so that the heading is in a single line rather than two.

Would anyone be open to helping? Thanks in advance!

URL: https://www.atmos.art/

[Bundler-Manuel]

Hey there @atmos-art Try this code and let me know if it works for you

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss->paste below code at the bottom of the file:

@media (min-width: 1024px) {
.site-header #AccessibleNav {
    width: 90% !important;
}
}

[atmos-art]

Hi, I don’t have a file called ‘theme.scss’. Is there another place that this code would potentially work?

[BiDeal-Discount]

Hi @atmos-art

let try to add this custom css code:

.rich-text.content-container .rich-text__blocks{
  max-width: unset !important;
}

the result:

[tim_1]

First – you should consider setting “Heading size” setting of the section block to smaller value.

Then, add this to this “Rich text” sections “Custom CSS” setting:

.rich-text__blocks {
  max-width: none;
}

There is absolutely no need to edit theme code for this simple fix.

[Dan-From-Ryviu]

Please add this code to Custom CSS of that section.

@media (min-width: 750px) {
.rich-text__blocks { max-width: 100%; }
}

[atmos-art]

This works great. Thank you Dan!