Logo and Product images look small on mobile version

Store Design
1

Hello,

I sell kids accessories on my shopify store - Rainbow & Ginger London (www.rainbowandgingerlondon.com) using Galleria theme - the previous version not 3.0.

I noticed that my logo looks very small when I view it via my mobile/cell phone.

Also, my product images look small on my mobile. I have tried to working on the images as they look fine via my laptop but look very small on my mobile.

How can I modify my site to display bigger images on my mobile? I have compared my store to others on shopify but it does not appear the same via mobile.

Please help! Any tips will be most welcome.

Thanks,

Vida

1 Like
2

Hello @VidaE

To show a bigger size logo, add this code to your style.css file.

Navigate to online store >> Click edit theme code.

Now find style.css and paste the following code.

@media (max-width: 700px){

            .logo-h1-wrapper .nav-container-logo{

                   max-width: 300px !important;

}

I hope it will be helpful for you.

Thanks

Did it solve your issue?

  • If yes, Like & Mark As Solution to help the community

  • If not, let me know. also share a screenshot of the code that you added.

3

@VidaE

add this code to your style.css file.

Navigate to online store >> Click edit theme code.

Now find assets/style.css and paste the following code bottom of the file.

@media (max-width: 700px){
.logo-h1-wrapper .nav-container-logo{ max-width: 300px !important;}
}

Thanks!

4

Hi @VidaE ,

Go to Assets > styles.scss.liquid and paste this at the bottom of the file:

@media (max-width: 767px){
	.new_mobile_header .nav-container-logo {
		max-width: 300px !important;
	}
}

I checked and your responsive CSS size is 767px, not 700px so it will be sync for the whole file.

Hope it helps!