Shopify themes, liquid, logos, and UX
Hi All.
We use zipify pages, and our shopify theme is only on cart, checkout, account and search pages.
Our problem is the header showing up on the mobile. It goes down instead of across and is making it very difficult for people to navigate. Any help would be appreciated to get the header to play nicely and go across and not down!
Many Thanks 🙂
@Windyigan - can you please share this page link?
@Windyigan - add this css to the very end of your base.css file and check
@media screen and (max-width:749px){
.header__search{display: none; visibility:hidden;}
.header{display: flex; flex-wrap: wrap;}
.header__heading-link {flex-basis: 100%; text-align: center;}
.header__icons{flex-basis: 100%;}
.modal__toggle-open {max-width: 30px; margin: 0 auto;}
}
Hi, unfortunately no change for me.
@Windyigan - can you add me as collaborator? I will send the request and then can check everything
Hi, yes I can do that. I am not sure how to though.
@Windyigan - I have sent you the request, please check
@Windyigan - please check your cart page
Hi, thankyou so much!! It's working. Would you mind telling me what you did please? We have another website with same issue that we are in the process of setting up.
@Windyigan - actually your css file had an issue where one of the tags "}" was not closed in above lines, I closed it and then it worked., line number around 2230
User | RANK |
---|---|
142 | |
102 | |
79 | |
62 | |
61 |
Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...
By Trevor Sep 20, 2023Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...
By Skye Sep 15, 2023In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...
By Imogen Sep 13, 2023