Shopify themes, liquid, logos, and UX
How to change the text on the "Contact" page from vertical to horizontal? Thanks in advance!
pw: shaugh
Solved! Go to the solution
This is an accepted solution.
Good day @pauli32 ! To achieve the same result, simply follow these steps:
@media screen and (min-width: 990px) {
.page-width--narrow {
max-width: 100%;
padding: 0 20px;
}
}
Here, is the screenshot of the same.
If this helps, please like & accept my solution. If you have any further questions, feel free to ask!
Hi @pauli32
Try this one.
.section-template--24330223223109__main-padding {
max-width: 100%;
}
.section-template--24330223223109__main-padding h1.main-page-title {
text-align: center;
}
Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
Thank you for your response! However, this code only helped move the title, but I want the entire page to display correctly, including the table visible on the page. I hope you have a solution for this.
Additionally, I need a solution that applies to all pages if I add new ones. Thank you in advance!
Hi @pauli32
This is Richard from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
.page-width.page-width--narrow.section-template--24330223223109__main-padding {
max-width: 100%;
text-align: center;
}
</style>
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
➜ Optimize your Shopify store with PageFly Page Builder (Free plan available)
All features are available from Free plan. Live Chat Support is available 24/7.
Thank you for your response.
However, this code only helped move the title, but I want the entire page to display correctly, including the table visible on the page. In addition, if I create a new page, such as "About Us," it also appears incorrect. So, I need a solution that applies to all pages.
I hope you can help me with this, and thank you in advance.
It looks exactly how I want on your screen, but not on mine.
Hi @pauli32
You can follow the instruction here :
1. Go to Shopify > Online store > theme > customize
2. Click to Settings > Custom CSS > Paste this code to the section and save.https://prnt.sc/Rl66N9K_Bjvs
.page-width.page-width--narrow.section-template--24330223223109__main-padding {
max-width: 100% !important;
}
Result:
Thank you for response.
However, this code only helped move the title, but I want the entire page to display correctly, including the table visible on the page. In addition, if I create a new page, such as "About Us," it also appears incorrect. So, I need a solution that applies to all pages.
I hope you can help me with this, and thank you in advance.
It looks exactly how I want on your screen, but not on mine.
This is an accepted solution.
Good day @pauli32 ! To achieve the same result, simply follow these steps:
@media screen and (min-width: 990px) {
.page-width--narrow {
max-width: 100%;
padding: 0 20px;
}
}
Here, is the screenshot of the same.
If this helps, please like & accept my solution. If you have any further questions, feel free to ask!
Hi, thank you so much! This was the only solution that helped me by adding this code to the custom CSS. Thank you!
@pauli32, I'm glad it worked for you. Feel free to reach out anytime if you need more help! 😊
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025