Prestige Theme - Change Size of Logo in Header?

Solved
woodwardandfox
Excursionist
32 1 9

Hi, 

Kind of new to coding on Shopify but have successfully cut and pasted several changes with other issues. 

I would like to increase the logo width size on both Mobile and Desktop. 

I am using Prestige theme and the maximum size of the PNG they allow is 200 x 60px. 

Can someone help and tell me how what exactly i need to change in the code to do this? 

my url is 

woodwardandfox.com

password is rankin

Thank you 

 

 

 

KetanKumar
Shopify Partner
14027 1635 5027

@woodwardandfox 

Sorry for facing this issue, it's my pleasure to help us.

i have checked but sorry i can't see the logo current text base logo can you please show me 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
woodwardandfox
Excursionist
32 1 9
Hello. So sorry. I was playing around with it yesterday and forgot to put it back. No one ever answers my posts so didn’t expect a reply

Thank you for looking.
0 Likes
KetanKumar
Shopify Partner
14027 1635 5027

@woodwardandfox 

no rush

so do you need help?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
woodwardandfox
Excursionist
32 1 9
Yes please!
KetanKumar
Shopify Partner
14027 1635 5027

@woodwardandfox 

Thanks for it 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 640px) {
.Header__LogoImage {
    max-width: 150px !important;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
woodwardandfox
Excursionist
32 1 9

hi @KetanKumar 

Okay So I duplicated my theme and added the code you suggested. 

It doesnt seem to change the desktop version, but I think it changed the mobile size. But i am struggling to tell. Dont really know what I am looking for if that makes sense. 

 

Here is a screenshot of the new mobile version with your code. 

woodwardandfox_0-1611334725589.png

 The desktop has stayed the same size as the live website now. 

 

 

Dear @woodwardandfox 

Hope it will help

  • From your Shopify admin, go to Online Store > themes.
  • Locate your current theme and then click Actions > Edit code.
  • After that in the Assets folder, click to open your theme.scss.liquid file.
  • Go to the very bottom of this file and paste the following code:

 

/* Start */
@media screen and (min-width: 641px) {
 	.Header__LogoImage { max-width: 75%; }
}
@media screen and (max-width: 640px) {
.Header__LogoImage { max-width: 135px; }
}
/* End*/

 

  • Ensure that the code was copied exactly from this guide and pasted correctly, making sure no characters or symbols are missing.
  • Save and check your theme by refreshing it.

If you still need help you can contact us by using the link or email given at signature.

Best Regards
MS Web Designer| MS Web International | Task4Store
Contact Us: https://www.task4store.com/pages/contact-us OR task4store@mswebdesigner.com
Was our reply helpful? Please Like or Accept solution
KetanKumar
Shopify Partner
14027 1635 5027
.Header__LogoImage {
    max-width: 160px !important;
}

@woodwardandfox 

Thanks 

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
woodwardandfox
Excursionist
32 1 9

hi, @MS-WEB-DESIGNER 

thanks for this. I have tried but it didnt change anything... on mobile or desktop. 

 

 

0 Likes