My header is magnified when i use on web browser and mobile view after enlarging my logo please help

https://5big6ti0qrcwlm4j-54259941549.shopifypreview.com

When i view the website on shopify app in customise there is no problem but when using web browser is magnifies the whole header and logo the rest of the page is resized correctly.

Please let me know if you ave any input

Many thanks

@matty2120 - did you set logo width in customize settings? actually logo is stretched to 1900px width

@matty2120 - firt add this given css to the very end of your base.css file and then we can check step by step

.header__heading-logo{width: 100%; max-width: 100%; height:100%;}

hello thankyou for your prompt reply.

I added this code but nothing has changed?

Yes i made the logo settings as big as i could, as my logo was too small on desktop view?

@matty2120 - I can see you added the code but it is not applied to logo, checking it, 5 min please

1 Like

@matty2120 - there is some error in your base.css file where either some } or ; is not added ,so please add my given css line at top of base.css file

https://5big6ti0qrcwlm4j-54259941549.shopifypreview.com

is has resized the header which is great but has still some issues?

@matty2120 - actually your css file has some error and that is why header is broke, can you add me as collaborator? I will check everything

ok thankyou how do i add you?

@matty2120 - please give me your website link, I will send request

www.ondasthelabel.com

@matty2120 - sent request

accepted request thankyou

@matty2120 - do you remember if you edit the css file before? after the selected line in screenshot has some error, because our new css stops working after that

i have only added code to enable me to make the header logo larger

@matty2120 - this selected line is causing the issue -

would it be ok to delete this code? and maybe this would work?

@matty2120 - please check site now

wow thankyou very much really appreciate it :))