Full logo not showing on some desktop devices

Store Design
1

Hello!

I am a reasonably new user to shopify and have an issue where my logo at the top of the home page doesnt show up fully on some devices unless they zoom in to 150% on the webpage. I would have attached a screenshot but it wont let me add images so you may need to use CTRL + Scroll Wheel up/down to zoom in and out to view the issue.

if someone could help be by telling me how to make it change size depending on the size of your monitor that would be great :slightly_smiling_face:

website is: https://elementalbuild.nz/

2

Hello @Bluemethyst

You can follow these steps:

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

GemPages_0-1670467508109.png
GemPages_0-1670467508109.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code before

GemPages_1-1670467535030.png
GemPages_1-1670467535030.png947×836 31.2 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

Hi @Bluemethyst ,

Please go to Actions > Edit code > Assets > theme.scss.liquid file and paste this at the bottom of the file:

.site-header__icons .leaf {
      background-size: contain !important;
}

Hope it helps!