Policy Titles different weight in Desktop/Mobile

[kindred-haus]

Hi!

I changed my policy title to be uppercase, smaller font size (16px) & bold in desktop version but it didn’t translate to the mobile version.

https://kindred-haus.com/ PW: KHaus2023

Thank you in advance!

[Made4uo-Ribe]

Hi @kindred-haus

Yes, it would not show what you edit cause it in the media query.

You can remove them or add a new code.

Both of them are inside of the media query.

You must remove theme inside the curly bracket of the @media (min-width:990px){}

Your add this code.

@media (max-width: 990px){
#MainContent .shopify-policy__title h1 {
    font-size: 16px;
}
.shopify-policy__title > h1 {
    font-weight: bold !important;
    text-transform: uppercase;
}
}

And Save.

result:

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[kindred-haus]

Hi @Made4uo-Ribe ,

I tried that and it didn’t work for the mobile page, desktop page is ok. Apologies in advance if I did this incorrectly as I don’t have coding experience.

Thanks!

[Made4uo-Ribe]

No worries, can you try this one.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “theme. Liquid” file. Find the tag and paste the code below before the tag.

And Save.

Also if you like to add some comment on the code for future refrence you can used this signs.

/* write the comment here. */

Example:

And Save.

It wont change the codes it like a note in your codes so you can remember it.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[kindred-haus]

Thanks so much, this worked!