bigger logo in header

[UL1]

Hi 

I would like to make my logo (in header) bigger, but just in mobile view.

I'll be thankfull for any help. 🙂

Store ID: https://wirelessrevolution.net/

[PageFly-Amelia · Accepted solution]

Hi @UL1 

This is Amelia 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 (max-width: 767px){

.header__heading-logo-wrapper img {

    max-width: 250px !important;

}}

Hope that my solution works for you.

Best regards,

Amelia | PageFly

[BSSCommerce-TC · Accepted solution]

Hi @UL1 ,

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

@media (max-width: 756px) {
   .header__heading-logo {
      height: 22px;
      max-width: 200px;
   }
}

it would be like that

[PageFly-Amelia · Accepted solution]

Hi @UL1 

This is Amelia 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 (max-width: 767px){

.header__heading-logo-wrapper img {

    max-width: 250px !important;

}}

Hope that my solution works for you.

Best regards,

Amelia | PageFly

[BSSCommerce-TC · Accepted solution]

Hi @UL1 ,

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

@media (max-width: 756px) {
   .header__heading-logo {
      height: 22px;
      max-width: 200px;
   }
}

it would be like that

[Dan-From-Ryviu · Accepted solution]

Hi @UL1 

Please go to Online Store > Themes > Customize > Theme settings > Custom CSS, add this code and save

@media (max-width: 749px) {
.header { grid-template-columns: 1fr 4fr 1fr !important; }
}