Hey guys,
I was brousing some other websites for inspiration and came across this one here: https://www.marrowfine.com/. I absolutely love the feature they have when the client whats to access different sections of the store. If you access this on PC (I don’t know what I look like on mobile) then on the top left, you will see this:
If you click on it an interesting animation happens. I don’t know what its called but I love the way the sub menus unfurl. NOTE: my website is unfinished, but currently it look like this:
If anyone could possibly help me achieve the animation as seen in te example website above I would be really grateful.
Mathers
Hi @Diarna-Official
Can you kindly share your preview store link with us? We will check it and suggest you a solution if possible.
@BSS-Commerce
Thank you for getting back to me! This is the link to the store https://argentia-official.myshopify.com/?_ab=0&_fd=0&_sc=1.
Regards,
Mathers
Hi @Diarna-Official
Please share your store password so we can check it for you. Thanks
Hey @BSS-Commerce
Thanks for getting in touch again. The password is “ahbrai”.
Regards.
Hi @Diarna-Official
We see that your website already has a similar section on tablet and mobile, so you can try to do it this way:
- Online Store → Themes → Edit code
- Find the file base.css and add this code at the end of the file:
@media screen and (min-width: 990px){
.header__inline-menu {
display: none;
}
.header--middle-left {
display: grid;
grid-template-areas: "left-icon heading icons";
grid-template-columns: 1fr 2fr 1fr;
align-items: center
}
}
header-drawer {
display: block !important;
}
.header__heading, .header__heading-link {
text-align: center;
justify-self: center !important;
}
Here is the result:
We hope that this can help you.
1 Like
@BSS-Commerce Thank you so much!
1 Like
