I'm using narrtive theme, and I'd like to capitalize the header title for each page

Store Design
1

Hello, I’d like to capitalize the letter for the title of this page ‘products page’

(my website is not published yet

1 Like
2

@Fares2

can you 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.
.section-header__title {text-transform: capitalize;} /* uppercase */
3

Unfortunately didn’t work

4

oh sorry please share store url so i will check what’s issue

5

My website is not published yet, how can i share it?

1 Like
6

@Fares2

if you have a front-end password is confidential so please to a personal message as you like.

7

Hi @Fares2 ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

.section-header__title {
    text-transform: capitalize !important;
}

Hope it helps!

8

Unfortunately didn’t work, and here’s my website link:

https://oxytocin-sa.myshopify.com/

1 Like
9

@Fares2

that’s fine?

KetanKumar_0-1641328432907.png
KetanKumar_0-1641328432907.png1920×1080 157 KB

10

yes! but is it also working with the products page? And if so please tell me what you did

1 Like
11

@Fares2

yes its work as well 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.
.section-header__title, .product__title {text-transform: uppercase;}
12

It’s working! Thank you so much for the help

1 Like
13

@Fares2

its my pleasure to help us