Immortal_Explorer Posted October 15, 2023 Posted October 15, 2023 Hi My friend just called me to say that the 'portfolio' page on my site wasn't working for him. He said when he hovered over the 'portfolio' navigation title on the homescreen it was not clickable. It works fine for me. Can someone please check? Thanks Alex
creedon Posted October 15, 2023 Posted October 15, 2023 What is the URL for your site? Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
creedon Posted October 15, 2023 Posted October 15, 2023 The reason this is happening is because the responsive wrap of the navigation has been overridden. Here we can see what happens when this is done. Because the wrap has been turned off the browser has no choice but to overlap the elements to render them. Remove the following from custom CSS and the issue will go away. nav { flex-wrap: nowrap !important } Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
Immortal_Explorer Posted October 15, 2023 Author Posted October 15, 2023 Thanks for the response. Were you unable to click 'portfolio' yourself? The only problem is when I remove the code you suggested it no longer displays the page titles in a row. (see image) Any suggestions? Thanks Alex
creedon Posted October 15, 2023 Posted October 15, 2023 I could click when there was no visual overlap. When there is overlap the social links are on top of the Portfolio link and you can't click Portfolio easily. Here we can see how severe the overlap is. Ideally the purple bit shouldn't be covering News and Portfolio. Which would be the case if the browser were allowed to wrap naturally. Some browsers may not deal well with these overlapped elements and that may explain why some folks can't click Portfolio at all. I have no solution to keeping the nav on one line and not breaking things. Immortal_Explorer 1 Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.
Immortal_Explorer Posted October 15, 2023 Author Posted October 15, 2023 Thanks for the response. Were you unable to click 'portfolio' yourself? The only problem is when I remove the code you suggested it no longer displays the page titles in a row. (see image) Any suggestions? Thanks Alex
Immortal_Explorer Posted October 16, 2023 Author Posted October 16, 2023 Ok mate, well thanks for looking into it, and for the detailed response. May I ask, how can I view it in the way you did, with the purple etc? Thanks Alex
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment