How to increase size of logo only on Desktop

MattSmith1
Excursionist
23 0 9

Hello,

 

I have a logo at the bottom of my page that I want to expand but only on desktop.  It looks great on mobile but is very small on desktop.  Attached is a screenshot.  Can someone provide code?  Do I need to change the size of the logo in photoshop?  

Store- thewoodgrainframe.com

Pass- Matt

Thanks,

MattScreen Shot 2021-09-16 at 11.47.18 AM.png

Replies 2 (2)

Nick_Marketing
Shopify Partner
1487 336 462

You could try adding this code to the bottom of theme.scss.css. It should make it a bit larger.

@media only screen and (min-width: 750px) {
  .hero--x-small {
    height: 200px; }
}

 
Alternatively, if you want to keep the height the same but make it wider, then resize the logo in image editing software.

Nick | Ecommerce & Marketing Technology Consultant | Toronto, CANADA
- For consulting work availability, please send me a Private Message or submit a ✍️Contact Form.
- For FREE Shopify Tutorials, Subscribe to my YouTube channel (▶️ Ecommerce TV).
MattSmith1
Excursionist
23 0 9

Thanks, that kind of worked. I will need to mess with the size more I guess in photoshop