HeloiseStudioJone Posted March 29 Share Posted March 29 Hello there ! I would like to add a secondary sticky nav bar to this page of my client's website : https://www.cachettelessables.fr/lieu with the attached design (desktop only - this page only). Each word should include the anchor link to a different section of the page. Any idea how to design it with custom CSS ? Thanks a lot for your help ! Link to comment
tuanphan Posted March 31 Share Posted March 31 You mean this? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
HeloiseStudioJone Posted April 2 Author Share Posted April 2 Hi tuanphan, Yes I mean this 🙂 Link to comment
tuanphan Posted April 7 Share Posted April 7 On 4/2/2024 at 7:54 PM, HeloiseStudioJone said: Hi tuanphan, Yes I mean this 🙂 You can use this code to Website > Website Tools > Code Injection > Footer. Replace example text/url with your text/url <ul class="side-nav"> <li><a href="https://www.google.com">Réserver</a></li> <li><a href="https://www.facebook.com">Offres</a></li> <li><a href="https://www.amazon.com">Calendrier</a></li> <li><a href="https://www.instagram.com">FAQ</a></li> </ul> and this code to Custom CSS box ul.side-nav { list-style-type: none; padding: 10px 0; margin: 0; width: 50px; background-color: #a6bcdb; border-radius: 10px; position: fixed; right: 0; left: unset; } ul.side-nav li { display: flex; justify-content: center; } ul.side-nav li a { color: #000; text-decoration: none; font-weight: 900; text-transform: uppercase; background-color: inherit; writing-mode: vertical-rl; padding: 12px 8px; text-align: center; border-radius: 10px; font-family: Roboto, sans-serif; } ul.side-nav li a.active, ul.side-nav li a:hover { background-color: #fff; color: black; cursor: pointer; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
HeloiseStudioJone Posted April 9 Author Share Posted April 9 @tuanphan Thanks a lot, will try this ! tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment