So, I finally was able to add this bottom navigation panel. But as I open the side menu, the bottom nav panel overlaps it on mobile and desktop both, I tried playing with the z-index and position and stuff but didn’t seem to work. If someone can please help me out with this last step.
https://cre6hmw2hv2ngrk1-79468101910.shopifypreview.com
here is the link to the preview
This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Base.css
.header__icon--menu[aria-expanded=true]:before {
z-index: 9 !important;
}
Hope you find my answer helpful!
Best regards,
Richard | PageFly