Prestige Theme - How to reduce the height of the header

[legem]

Hello

Could I get help reducing the height of the header in the prestige theme?

I would also like to add headings for the different heading sections

I was also wondering if we can add images within the header?

[Made4uo-Ribe · Accepted solution]

Hi @legem 

Could I get help reducing the height of the header in the prestige theme? - Would you mind to share your store URL? So I can provide you the code to reduce. 

I would also like to add headings for the different heading sections - Do you mean add headings on the different pages? 

I was also wondering if we can add images within the header? - The logo can be add with image. Do you mean add images on the navigation/menu? 

[Made4uo-Ribe · Accepted solution]

Hi @legem 

Could I get help reducing the height of the header in the prestige theme? - Would you mind to share your store URL? So I can provide you the code to reduce. 

I would also like to add headings for the different heading sections - Do you mean add headings on the different pages? 

I was also wondering if we can add images within the header? - The logo can be add with image. Do you mean add images on the navigation/menu? 

[legem]

Sure, it is

https://o60diri6pw4tahmb-60882485318.shopifypreview.com

[binal_identix]

Hello @legem,

You can try this code: it will be helpful to you 

Go to the Online Store->Theme->Edit code->Assets->theme.css>add this code at the bottom of the file.

@media screen and (min-width: 700px) {
#shopify-section-sections--16050369003590__header {
    --header-logo-width: 100px;
}
}

[Dan-From-Ryviu · Accepted solution]

Hi @legem 

Your logo has blank white around it. Please crop those white spaces and upload your logo again to solve it. 

Best regards,

Dan from Ryviu

[legem]

thanks, this worked

Any idea why my logo goes blurry when it moves to a larger screen? I am using a svg file of recommended size