How can I align the heading on my policy page?

Store Design
1

Just a minor issue, it annoys me that the title heading of my policy pages appears to be in a larger font and touches the bottom of my shop name section, while in other pages the heading has a decent spacing under the shop name section.

I can only edit the content of the policies but not the heading. Anyone know how to solve?

1 Like
2

Hello @scipio ,

Please share:

  • your store URL;
  • page URL with the issue you mention;
  • storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

3

@scipio

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Store address: https://chaihk.com

Problem pages:

https://chaihk.com/policies/shipping-policy

https://chaihk.com/policies/refund-policy

Thanks!

1 Like
5

@scipio

great thanks for all details can you please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.shopify-policy__title {
    text-align: left !important;
    padding-top: 60px !important;
}
1 Like
6

Thanks. It solved some of the problem but the title font size is still significantly larger than my other pages..for example

scipio_0-1650546869538.png
scipio_0-1650546869538.png1000×239 2.03 KB

scipio_1-1650546899771.png
scipio_1-1650546899771.png1116×250 5.4 KB

Is there any title format to apply?

1 Like
7

@scipio

yes, please update this code

.shopify-policy__title {
    text-align: left !important;
    padding-top: 60px !important;
}
@media only screen and (min-width: 750px) {
.shopify-policy__title {
font-size: 4rem;
}
}
1 Like
8

Still not working.. In the end I’ve created new pages for my shipping and refund policy rather than using the shopify policy template and it works. Thanks anyway!

1 Like
9

@scipio

its my pleasure to help us if any other issue let me know

1 Like