Hey guys, I’m trying to code this into my shrine themed store, im wanting it exactly like this website https://thekrafty-co.com/ - The hover effect and the box change once selected a new tab like “shop now”
my current website is Xalioa.com
Topic summary
A user seeks to replicate the header tab design from thekrafty-co.com for their shrine-themed store. They specifically want:
- The hover effect on navigation tabs
- A box that changes when a new tab (like “shop now”) is selected
Another community member responded by creating custom CSS code to achieve the desired active menu item styling. They provided:
- A detailed video tutorial explaining the implementation
- The complete CSS code (shared within the video)
- Step-by-step guidance on styling active menu items in Shopify
The solution appears to directly address the original request with a practical, code-based implementation.
3 Likes
Hey there! I created the CSS for your active menu item like you want. And explained everything in video. Code is in video description.
How to Style with CSS Active Menu Item in Shopify (youtube.com)
https://www.youtube.com/watch?v=EYk8ZwTtYNE