How can I modify the store name and header layout?

[theassociated1]

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

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

Thanks

Peter

[Liquid_xPert_SJ]

@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

screenshot.

Thanks

[theassociated1]

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

[Liquid_xPert_SJ]

@theassociated1

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

Thanks

[theassociated1]

Thanks - www.theovernightoat.co.uk

[Liquid_xPert_SJ]

@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.

[theassociated1]

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

[Liquid_xPert_SJ]

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

Thanks

[theassociated1]

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

[Liquid_xPert_SJ]

@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

[theassociated1]

Thank you !

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

[Liquid_xPert_SJ]

@theassociated1

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

Thanks