how to increase logo maximum size in header?

[Malak2OO5]

hey everyone

i was wondering how can i increase the size of my logo in the header as the maximum size is 300px and i need my logo to fill the header  like this pic below

[webwondersco]

@Malak2OO5 hope you are doing well.

Would you like to display like below attachment?

If yes, Please add the below line of code at the end of your base.css file.

@media(max-wisth:767px){
.header #logo{
width:285px !important;
margin:0;
}
}

[Moeed]

Hey @Malak2OO5 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[websensepro]

Hi
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.css / based.css file and paste the code in the bottom of the file.

@media screen and (max-width: 849px) {
    .medium-logo-center .logo {
        margin: 0 0px !important;
     
    }
}

Result:

If my reply is helpful, kindly click like and mark it as an accepted solution.
Thanks!
Use our Big Bulk Discount app to boost your sales! 🚀 (https://apps.shopify.com/big-bulk-discount). Easy to set up and perfect for attracting more customers with bulk discounts. Try it now and watch your revenue grow!