Center Page Title in Venture Theme

Solved
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>

0 Likes

Hello, @consignment 

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

Kind regards,
Diego

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
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

0 Likes

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

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
0 Likes
consignment
Tourist
5 0 0
Yes! Thank you. It fixed it!
0 Likes