jackmackdaddy Posted May 23 Share Posted May 23 Is there any way to maintain the colour or the underline (showing that a navigation page is active or currently being viewed) when links on this page then move traffic to a NON-LINKED PAGE? Currently my navigation page returns to its original colour and it is not clear that the non-linked pages are a subset of the "Work" page in the navigation menu. Link to comment
AnaMariaCarrera Posted May 23 Share Posted May 23 Same happens to me. You should keep and see if you have Squarespace 7.0 or 7.1 . Indeed, features are different on each version. Link to comment
tuanphan Posted May 25 Share Posted May 25 If you share site url, we can check problem easier 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
jackmackdaddy Posted May 26 Author Share Posted May 26 Hi Tuanphan - I thought I had already shared it in the original post - here it is https://johnmcphillips.com Thank you! Link to comment
tuanphan Posted May 27 Share Posted May 27 8 hours ago, jackmackdaddy said: Hi Tuanphan - I thought I had already shared it in the original post - here it is https://johnmcphillips.com Thank you! You mean when users are on these page >>> Underline Work item? 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
jackmackdaddy Posted May 27 Author Share Posted May 27 (edited) Yes, exactly what I'm after! And to keep the underlined "Work" colour (orange). Also is it possible to keep the Non-Linked on-screen page headers (Filter-All, Film/TV Drama, Comedy, Animation) orange (#FF7800) while the user is active on those pages? Thank you so much. Edited May 27 by jackmackdaddy Link to comment
jackmackdaddy Posted May 29 Author Share Posted May 29 Hi Tuanphan - any more thoughts on how I might resolve this? Thanks Link to comment
tuanphan Posted May 31 Share Posted May 31 On 5/30/2024 at 3:28 AM, jackmackdaddy said: Hi Tuanphan - any more thoughts on how I might resolve this? Thanks You need to edit 3 pages: https://www.johnmcphillips.com/work-film/tvdrama https://www.johnmcphillips.com/work-comedy https://www.johnmcphillips.com/work-animation On each page > Add a Code Block > Paste this code to Code Block <style> header#header [href="/work"] { color: #ff7800 !important; } </style> 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
jackmackdaddy Posted May 31 Author Share Posted May 31 That's great tuanphna, thank you! I also adapted the code to do the same thing for my "Contact" page however when I try to use it on my "Home" page it doesn't work. When I try: <style> header#header [href="/home"] { color: #ff7800 !important; } </style> Is it possible to have the Home Navigation page coloured orange without also having the Site Title and Logo field in orange too? John Link to comment
tuanphan Posted June 2 Share Posted June 2 On 5/31/2024 at 7:36 PM, jackmackdaddy said: That's great tuanphna, thank you! I also adapted the code to do the same thing for my "Contact" page however when I try to use it on my "Home" page it doesn't work. When I try: <style> header#header [href="/home"] { color: #ff7800 !important; } </style> Is it possible to have the Home Navigation page coloured orange without also having the Site Title and Logo field in orange too? John Use this <style> header#header div.header-nav-item>a[href="/"], div.container.header-menu-nav-item>a[href="/"] { color: #ff7800 !important; } </style> 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
Solution jackmackdaddy Posted June 2 Author Solution Share Posted June 2 That's great, thank you so much! 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