Solved

Changing the header and store name

theassociated1
New Member
6 0 0

Hi - How can I add the name of the store and the tags below it onto the same line? 

 

theassociated1_0-1704915988210.png

 

Also - how can I change the store font to 'Greed' https://displaay.net/typeface/greed-collection/ - any help would be appreciated

 

Thanks

Peter

Accepted Solution (1)
Liqiud_xPert_SJ
Shopify Partner
383 42 57

This is an accepted solution.

Find the file name base.css from the edit code theme files and put the given code in that. 

 

Thanks 

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 11 (11)

Liqiud_xPert_SJ
Shopify Partner
383 42 57

@theassociated1 

 

Hope you are doing well it can be done via theme customzer 

1- Online Store

2- Customizer 

3- Go to Header section

4- Select any Logo you want to change

5- Go to navigation from the left nav and add tags from there

refer to the attached

 

Thanks

 

2024-01-11 10_09_27-Window.pngscreenshot.

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
theassociated1
New Member
6 0 0

Hi - I am struggling to understand the above, perhaps I was unclear.

I want the logo and the page navigation tags to be all visible on the same line on the webpage

 

Thanks

Peter

Liqiud_xPert_SJ
Shopify Partner
383 42 57

@theassociated1 

 

Can you pleae share the store url here so thati can explain exactly how you can do it.

 

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
theassociated1
New Member
6 0 0
Liqiud_xPert_SJ
Shopify Partner
383 42 57

@theassociated1 

 

Please place this css code into your theme files

1- Online Store

2- Edit theme code

3- base.css file

4- hit save

 

header.header.header--mobile-left {
display: flex;
align-items: center;
justify-content: space-between;
}

 

its done.

 

 

2024-01-11 12_58_16-Window.png

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
theassociated1
New Member
6 0 0

Hi - am I selecting 'edit code' - then from there what am I to select?

theassociated1_0-1704960261913.png

 

Liqiud_xPert_SJ
Shopify Partner
383 42 57

This is an accepted solution.

Find the file name base.css from the edit code theme files and put the given code in that. 

 

Thanks 

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
theassociated1
New Member
6 0 0

Thank you - do you have a solution on how  I change the store font to 'Greed' https://displaay.net/typeface/greed-collection/ - any help would be appreciated

Liqiud_xPert_SJ
Shopify Partner
383 42 57

@theassociated1 

 

yes you can change the custom font according to your requirment

1- download the custom font. ttf.woff.woff2 files

2- upload to your theme directory asset folder

3- apply the css in your css file example below

@font-face {
font-family: 'YourFontName'; /*a name to be used later*/
src: url('font.ttf'); /*URL to font*/
}

 

your class or id {

      font-family: 'YourFontName';

}

 

Thanks

 

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
theassociated1
New Member
6 0 0

Thank you !

How can I maintain that logo size and make the header smaller?

theassociated1_0-1705004741139.png

 

Liqiud_xPert_SJ
Shopify Partner
383 42 57

@theassociated1 

you can change the size of the logo from the theme customizer - > header section.

Thanks

- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂