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 · Accepted solution]

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