Shopify themes, liquid, logos, and UX
hello,
I need help with inserting my logo to menu drawer on mobile version of my store. I had it before but from unknown reason it disappeared. Here's exact place where I want to insert it
So basically when someone opened the menu the logo is showing in the left corner of the screen.
And that's a logo that I want to put into this place:
I would be grateful for help
Solved! Go to the solution
This is an accepted solution.
Hi @Alexdontero,
Please follow this guide:
a. Goto Shopify Admin -> Online Store -> Themes
b. On your current theme, click ... -> Edit code
c. Follow 1 -> 2 -> 3 to search end of head tag
d. Add follow code, it can be fix your problem for mobile
<style>
@media (max-width: 749px) {
.section-header.menu-open .header__heading{
visibility: visible !important;
}
.section-header.menu-open .header__heading .header__heading-link {
visibility: visible !important;
}
.section-header.menu-open .header__icons {
width: 0;
}
}
</style>
This is an accepted solution.
Hi @Alexdontero,
Please follow this guide:
a. Goto Shopify Admin -> Online Store -> Themes
b. On your current theme, click ... -> Edit code
c. Follow 1 -> 2 -> 3 to search end of head tag
d. Add follow code, it can be fix your problem for mobile
<style>
@media (max-width: 749px) {
.section-header.menu-open .header__heading{
visibility: visible !important;
}
.section-header.menu-open .header__heading .header__heading-link {
visibility: visible !important;
}
.section-header.menu-open .header__icons {
width: 0;
}
}
</style>
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025