Hi! I have a problem with some headers on my Horizon-themed site. As you can see on the pictures below, the header is in the middle of the page even though I have selected it to be left-aligned. It seems to be a problem with the container, not the text itself. I have tried editing in the code but to no avail.
Does anyone know how to fix this? Would greatly appreciate the help!
Best Regards,
Sally
Hi @sallyluo , can you share a link to this page in your store and the password if it is password protected?
Hey @sallyluo
Follow these Steps:
<style>
.section.page-width-content.color-scheme-1:has(.text-block) {
--page-content-width: unset !important;
}
</style>
RESULT:
If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.
Best,
Moeed
Wow, this worked! Thanks so much @Moeed!
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.
Cheers,
Moeed
Hi! Another user helped me solve this problem, but thank you for replying to this thread!
Hi again, I have another similar problem but with the heading and text for my policy page. The text is written in the “Policies” section of Shopify, not Pages or directly in the code. I am not sure where the header is written, I can’t find it anywhere. Please see the pictures below.
How can I make both the text and header left-aligned? Thanks a lot again!
