How can I make my mobile logo smaller without affecting desktop size?

Store Design
1

hi! i want to make the logo on mobile smaller, can someone help me with this? the logo on the desktop is perfect size, so only mobile needs to change.

2

Could you share your store URL?

3

HI @winandgetrich

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media screen and (max-width: 767px){

img.header__heading-logo {

width: 50% !important;

}

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

4

Hello @winandgetrich

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you.

  1. Go to Online Store → Theme → Edit code.

  2. Open your assets/base.css theme file.

  3. Add the code at the end of the file:

@media screen and (max-width: 749px){
   img.header__heading-logo{
       max-width: 120px;
   }
}

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

5

sorry i forgot.
www.joepdries.com