How can I enlarge a mobile logo size on the Venue theme?

Technical Q&A
1

Hi all,

I need to increase the logo size for my client’s website on mobile only, roughly 2-3x the current size. I’m using the Venue theme. Here is the website: https://sweet-g-garlic.myshopify.com/

Any ideas?

Thank you!

2

Hi, @freelancing123 .

Thank you for your message and for sharing your store URL, I really enjoyed checking out your shop. In most themes whether they are Shopify-based or third-party developed themes, logos will be resized by default when switching to mobile views, this is by design for the user experience. The Venue theme is a third-party theme developed and supported by a team called Safe As Mik, you can reach out to their support directly here by selecting the support and documentation tab:
Just a friendly reminder that some third-party developers will not support further customizations, if that is the case with the developers of your theme you can always reach out to a Shopify Expert to look into any potential for this idea.

I hope this points you in the right direction, please feel free to reach back out here with any questions you may have, we are always happy to chat!

3

@freelancing123

There is not a simple “step by step” way to do this. By Making the logo wider you’d need to push it more to the left, making it look a bit off:

diego_ezfy_0-1631312401141.png
diego_ezfy_0-1631312401141.png543×511 159 KB

For that, you can use the following CSS code:

@media (max-width: 600px){
    .header__logo-img {
    max-width: 190px !important;
    position: relative !important;
    left: -21px !important;
}
}

However, ideally, you’d want to create a new div for the logo and use it above the header, this way you could enlarge it as much as you want.

Kind regards,
Diego

4

Thank you so much Marty!

5

Thank you so much Diego!

6

My pleasure! feel free to reach out anytime.