Hello, my logo is great on my website but far too large on the mobile view. It gets cut off and hides the cart icon. How can I change this? I’m using the emerge theme.
Hello @kate5628 ,
You have to create another option with an existing logo to upload a logo for mobile.
After that call it, same like the existing code and last hide/show it with css media queries.
If you are not aware about media css queries then search in google for it.
Thanks
Hey @kate5628 .
Thanks for reaching out.
I appreciate that you have included you online store URL and the name of the theme you are using, that is super helpful! Did you attempt to adjust the image size to see if that works? In some cases, reducing the size of the image may allow the logo to display correctly using the mobile version of the theme. The typical logo image size that Shopify themes use is 450 x 250px, that may work in this situation.
Looking into the options available using the Emerge theme, I noticed that this is a third-party theme that is designed and supported by Troop Themes. With that being said, since Shopify did not develop this theme, we are a bit unfamiliar with the style of coding that is used.
It would be best to direct this inquiry towards the developers of the theme as they should be able to provide you with additional support and insight to making this change. I did come across to finding their Contact Us page and wanted to provide it.
Let me know if you have any additional questions.
No I am not familiar! I would love the help.
oh sorry for that
can you try this code
- Go to Online Store->Theme->Edit code
- Asset->/theme–critical.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 767px) {
.fw--logo img {
max-height: 90px !important;
}
}