How to Make Logo Size Larger for Desktop View Only

Solved
Tourist
35 0 0

Hi there!

 

I'm trying to make the logo size larger on my site for the desktop view only. When I try to change the logo size via the Shopify editor, it changes both the mobile and desktop logo sizes. However, the logo size on mobile is fine and it is just the desktop view I'm looking to change.

 

I'm currently using the Prestige theme

 

Any suggestions would be greatly appreciated!

 

Thanks! 

0 Likes

Hello ,
Please share your site url.
So that i can check and provide you exact solution here.

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
35 0 0

Hi there,

 

Thank you for the reply!

 

My URL is: Kadabra.ca

 

Thanks!

0 Likes

Success.

@mhalfya,

1. Go to Online Store->Theme->Edit code
2. Asset->theme.scss.liquid->paste bellow code in bottom of file

@media screen and (min-width: 1024px) {
 .Header__LogoImage {
	max-width: 250px !important;
}
 }
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like

Hey, @mhalfya ! My name's Adam, and I work with Shogun's support team. As someone else pointed out, it's possible to make the customization you had in mind with a change to the theme's CSS - indeed, that'd be the only way of making the change if the content you want to adjust is in the header or footer of the page.

 

With that said, if you'd be interested in having a way to easily make the body of your pages more responsive on different screen sizes, I think you might find a lot to like about our app, Shogun Page Builder - we've made screen responsiveness a major focus of what we do, so it's possible to use Shogun to make either small tweaks to an element - perhaps adding margins that only appear on mobile devices so as to better control how an image is positioned - to significant changes like making multiple versions of an element that are laid out entirely differently, with perhaps one appearing on mobile screens, another on tablets, and another on larger devices - all with no coding or other knowledge of CSS required, since we offer an intuitive drag-and-drop editor.

 

Shogun is completely free for 10 days, so, while I'm confident you'll find it to be enormously useful in making beautiful pages that are responsive across all screen sizes, there's no contract and no obligation - you'd be able to uninstall it without seeing a single payment if you decide it's not for you. Check out what it can do for you here, and if you need any assistance, we offer 24/7 support at support@getshogun.com. Thanks for your consideration!

Adam Lucas | Support Specialist, Shogun
support@getshogun.com | Try Shogun Page Builder for Shopify for FREE!
1 Like
Tourist
35 0 0

Great, that worked perfectly! Thank you so much!

0 Likes