How to increase size of logo only on Desktop

MattSmith1
Excursionist
20 0 7

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

0 Likes
Nick_Marketing
Shopify Partner
681 167 198

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.

- I am an eCommerce and Marketing Technology consultant based in Toronto, CANADA.
- To inquire about consulting work availability, please send me a Private Message.
- For Shopify Tutorials, Subscribe to my YouTube Channel.
MattSmith1
Excursionist
20 0 7

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