How can I enlarge and center my logo on the Brooklyn theme mobile view?

Store Design
1

Hello, I am trying to increase the size of my logo on the Brooklyn theme by using this code:

@media screen and (max-width: 400px){
.site-header__logo img {
width: auto !important;
height: 125px !important;
max-width: 150px !important;
max-height: none !important;
}
}

However, I want my logo to be a little bit larger but every time I try increasing the max width or height the logo becomes un-centered. Can you please help me to increase the size of my logo while keeping it in the center. Thank you so much!

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

@SlutsRedefined

Kindly Share your Store URL.

So that we can help you.

4

Can you please share your store URL? So, I can provide you perfect solution.

5

Yes! The url is www.slutsredefined.com

@DelightCart

6

Www.slutsredefined.com !! @Zworthkey

7

The url is www.slutsredefined.com

is there any way I can privately share with you the password?

8

First, increase the height and width whatever you need. Then edit the below two classes.

.one-quarter
width: 0%;

only screen and (max-width: 768px)
.medium-down–one-half width: 100%

Let me know if you face any issue.