Solved

Center Page Title in Venture Theme

consignment
Tourist
5 0 0

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>

Accepted Solution (1)
diego_ezfy
Shopify Partner
2934 562 883

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%;
}
}

 

diego_ezfy_0-1609461866208.png

 


Please let me know whether it works.

Kind regards,
Diego

◦ I can help you further! Top #4 Shopify Expert, 24h reply. Click here to hire me.
◦ Follow my blog & youtube for more free coding tips.
Download copy/paste code snippets that can replace most apps.

View solution in original post

Replies 4 (4)

diego_ezfy
Shopify Partner
2934 562 883

Hello, @consignment 

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

Kind regards,
Diego

◦ I can help you further! Top #4 Shopify Expert, 24h reply. Click here to hire me.
◦ Follow my blog & youtube for more free coding tips.
Download copy/paste code snippets that can replace most apps.

consignment
Tourist
5 0 0

Thank you. It’s the title in the top left hand corner of my homepage which is www.consignmentondemand.com

diego_ezfy
Shopify Partner
2934 562 883

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%;
}
}

 

diego_ezfy_0-1609461866208.png

 


Please let me know whether it works.

Kind regards,
Diego

◦ I can help you further! Top #4 Shopify Expert, 24h reply. Click here to hire me.
◦ Follow my blog & youtube for more free coding tips.
Download copy/paste code snippets that can replace most apps.

consignment
Tourist
5 0 0
Yes! Thank you. It fixed it!