How can I increase my mobile logo size?

[hasanali1]

i want to increase logo size on mobile

any help is appreciated ! 

https://marthajewelry.myshopify.com/

password - test

[oliviaalison258]

Increasing the logo size on mobile can be done in a few ways, depending on the platform or website builder you are using. Here are some general methods to consider:

1. Use CSS media queries: This is a common method used to adjust the size of elements on different screen sizes. You can set a specific width for the logo on desktop, and then use a media query to increase the size for smaller screens. For example

@media screen and (max-width: 768px) {
  .logo {
    width: 150px;
    height: auto;
  }
}

1. Adjust logo size in the website builder or theme settings: Many website builders, such as WordPress or Wix, have settings to adjust the size of the logo for different screen sizes. Check the documentation or settings for your specific platform  to see if this option is available.

2. Use a larger logo file for mobile: If you are using an image file for your logo, you can create a larger version of the file for mobile devices. This way, the logo will appear larger on mobile without changing the size on desktop. Be sure to optimize the file size for mobile to avoid slow loading times.

Remember to test your website or app on different devices to ensure that the logo is legible and looks good on all screen sizes.

[PageFly-Victor]

Hi @hasanali1 

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
@media screen and (max-width: 768px) {
  .header__heading-logo {
    width: 217px;
    height:auto;
}
}
</style>

You can change the value to match with your requirement

Hope this can help you solve the issue 

Best regards,

Victor | PageFly

[Nitz11]

Tried the above approach with Studio theme. Didnt work 😞

Any suggestions?