Liquid, JavaScript, themes, sales channels
Hi,
I'm trying to center my page title in Venture theme. I saw another suggestion to modify the page.liquid sheet and I updated it but the title still remains in the left-han corner. Any suggestions? It is centered on mobile but not on desktop. Also can I make that font larger without enlarging all of the site headers? Thank you.
Changes made:
<div class="page-width">
<h1 class="small--text-center" style="text-align: center;">{{ page.title }}</h1>
<div class="content-block">
<div class="rte rte--indented-images">
{{ page.content }}
</div>
</div>
{% section 'featured-products-subsection' %}
</div>
Solved! Go to the solution
This is an accepted solution.
Do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
@media (min-width: 749px){
[id] .site-header__upper > .grid{
display: flex;
flex-direction: column;
text-align: center
}
[id] .site-header__upper > .grid > *{
width: 100%;
}
}
Please let me know whether it works.
Kind regards,
Diego
Hello, @consignment
Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).
Kind regards,
Diego
Thank you. It’s the title in the top left hand corner of my homepage which is www.consignmentondemand.com
This is an accepted solution.
Do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss.liquid and paste this at the bottom of the file:
@media (min-width: 749px){
[id] .site-header__upper > .grid{
display: flex;
flex-direction: column;
text-align: center
}
[id] .site-header__upper > .grid > *{
width: 100%;
}
}
Please let me know whether it works.
Kind regards,
Diego
Yes! Thank you. It fixed it!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024