Empire theme - Change logo size on mobile only

Technical Q&A
,
1

Hi there!

I am happy with the logo size in Desktop view format, but I can’t figure out how to change the logo size on mobile, which is too large.

2

Hi @buchanan ,
Step 1. Go to Admin → Online store → Theme > Edit code

Step 2. Find the file theme.css.
Step 3. Add this code to the end of file

@media only screen and (max-width: 768px) {
  .site-header-logo {
    transform: scale(0.7)!important
  }
}

Result:

BSSCommerceB2B_0-1723426713331.png
BSSCommerceB2B_0-1723426713331.png511×922 218 KB

If it helps you, please like and mark it as the solution.

Best Regards

3

That’s great. Thank you so much.