Store Header HELP

Solved

Store Header HELP

flowpottery
New Member
6 0 0

Hi there, Im having issues editing my header. Im not sure if it was a mistake i made when setting up the store when i was less familiar with the software thats not allowing me to edit it in the way i want to, a case of editing the code, or a simple step im missing but some human help would be greatly appreciated as i have asked every question i can think of to both AI and YouTube, All i want to do is edit "Flow" to "FLOW" and increase font size. I cant seem to find a place to even edit the text thats on the existing header not to mind say the font size. 

Screenshot 2024-08-05 104930.png

 

Edit:

Im starting to think its a logo issue, but i still dont know how to fix it. Im somewhat new to this project so i dont know what the foundation of the store is.

flowpottery_0-1722853213019.png

 

Accepted Solution (1)
niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @flowpottery 
Flow Pottery is written together, the font size of both will increase, but the font size of Flow alone will not increase.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .header__heading-link span.h2 {
       font-size: 50px !important; /*adjust according to you*/

       text-transform: uppercase !important;
   }
</style>

niraj_patel_0-1722854158166.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 12 (12)

suyash1
Shopify Partner
9777 1213 1554

@flowpottery  can you please share this page link? using css we can increase size

To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me
flowpottery
New Member
6 0 0

page link to the theme editor or preview? it is currently password protected must i remove that?

suyash1
Shopify Partner
9777 1213 1554

@flowpottery - preview

To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me
flowpottery
New Member
6 0 0
suyash1
Shopify Partner
9777 1213 1554

@flowpottery  your logo is actually text, I think you have not set logo image, so by default theme is showing the text, if you want to change text style to bold capital etc, then please add this css to the very end of your base.css file

 

.header__heading-link .h2{text-transform: uppercase; font-size: 32px;}

 

To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me
flowpottery
New Member
6 0 0

is it okay to add it in here?

flowpottery_0-1722854063177.png

also is there a way to make it "FLOW Pottery" instead of "FLOW POTTERY"? sorry i am not good with coding

suyash1
Shopify Partner
9777 1213 1554

@flowpottery   it is ok to add here, but I recommend css file, the word flow pottery do not have separate classes for both words, hence any css added is applied to both words.... or else you will need to edit the website title from back end where you have added it, make it FLOW pottery and remove this given css

To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me
flowpottery
New Member
6 0 0

is doing that a complicated process to edit from back end?

suyash1
Shopify Partner
9777 1213 1554

@flowpottery - it is if you do not know the coding, it is taking the title of your store, do you remember anything from where you entered the store title?

To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me
flowpottery
New Member
6 0 0

i dont unfortunately. it was my client that originally set it up then i was brought on.

suyash1
Shopify Partner
9777 1213 1554

@flowpottery  ok, check theme.liquid / header.liquid file to find from where it is been fetched

To build shopify pages use pagefly | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30. | Support me
niraj_patel
Shopify Partner
2378 514 511

This is an accepted solution.

Hello @flowpottery 
Flow Pottery is written together, the font size of both will increase, but the font size of Flow alone will not increase.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .header__heading-link span.h2 {
       font-size: 50px !important; /*adjust according to you*/

       text-transform: uppercase !important;
   }
</style>

niraj_patel_0-1722854158166.png

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com