Parallax Theme :: Enlarging My Logo on Desktop and Mobile

Shopify Discussion
1

Hello!

I’m using Out of the Sandbox’s Parallax Theme, and I could use some help with enlarging my store’s logo on desktop and mobile**.**

I feel I need to edit the code to make it bigger. But here are my “Header Settings” that I currently have in my store (please see the snapshots below):

Header Settings 1.png
Header Settings 1.png308×885 52.1 KB

Header Settings 2.png
Header Settings 2.png309×870 52.6 KB

For you to see what the logo looks like on mobile and desktop, check out these images here:

Mobile Logo.jpeg
Mobile Logo.jpeg1179×1309 282 KB

Desktop Logo.png
Desktop Logo.png1919×808 453 KB

I’m launching my store on Monday and would appreciate some help straightening this out!

Many thanks for considering my request :slightly_smiling_face:

-Tim

2

Hi Tim,

You can enlarge the logo by using the below code:

#header a.mobile_logo img {
  max-width: 200px;
  max-height: 50px;
}
.header div.logo a {
  width: 220px;
}

Adding the above within your ‘styles.css’ file should do the job. The first part of the code is intended to enlarge the logo for mobile phones, while the second part handles the desktop part.

Kind regards,

Gabriel

3

@GabrielS You’re the man!! Thank you good sir :folded_hands: