how to increase logo maximum size in header?

Store Design
, , , , , , ,
1

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

IMG-20250521-WA0003.jpg
IMG-20250521-WA0003.jpg622×1280 57.9 KB

1 Like
2

@Malak2OO5 hope you are doing well.

Would you like to display like below attachment?

webwondersco_0-1747958998163.png
webwondersco_0-1747958998163.png641×401 127 KB

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;
}
}
3

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

4

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:

websensepro_0-1747985089249.png
websensepro_0-1747985089249.png357×574 107 KB

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! :rocket: (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!