I am currently building a new website on the vision template, I am looking to make my black Friday menu item on my nav bar red for the sale upcoming and the same for the mobile (also the hover)
. How do i do this in CSS, everywhere seems to offer a different solution for other templates.
Any help would be much appreciated!
https://6ksj88682n6v7icl-56722063540.shopifypreview.com
this is the preview link
Please add the following CSS code to your assets/app.css bottom of the file.
.thb-full-menu>li:first-child a { color: red !important;}
.mobile-menu>li:first-child a { color: red !important;}
Thanks!
Hi @DTJGroup ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Hi Oliver, Works perfectly but the code is changing every product title/ name within the black friday collection to red also:
is their anyway I can change just this link in the header and mobile menu. Do i just need to adapt the “”
Hi, please give me the preview link again so I can re-check. Thanks