Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom CSS for Menu Navigation


staaaceeey

Question

Site URL: https://pike-guava-36n7.squarespace.com/

Hi There, 

I asked squarespace the below question and they said it needs to be done with custom css & to consult the forums. Hoping someone knows how to do this. 

I am having an issue with my navigation, for my “recipes” folder, I am unable to click on this as a link, but have to hover to get the additional pages. 
I am hoping to have if I click just “recipes” it will direct to the “all recipes page”. So basically I want the “All Recipes” at the top (just written as ‘recipes’), 
And underneath the same page again “All recipes” (so it will be twice), and then “breakfast” etc. 

 

Hope that makes sense, I can’t figure it out, cause its in a folder? Yet still has a unique url? But its not clickable? 
Please see screenshots. 

Thank you!


 

 

image002.png

Edited by staaaceeey
Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

Right the OP hasn't implemented my most recent CSS which I think will address that issue.

The Javascript method is less fiddly and prone to rendering issues and if one is already using jQuery (which @staaaceeey is) is a great option. But if for some reason Javascript isn't an option t

Creedon is absolutely right, his updated code did exactly what I wanted it to:    

Posted Images

6 answers to this question

Recommended Posts

  • 0

Footer code injection (requires premium or commerce account)

$(document).ready(function() {
    $('.header-nav .header-nav-folder-title[href="/recipes1"]').click(function() {
        window.location.href = '/recipes';
        return false;
    });
});

 

Link to post
  • 0
13 minutes ago, creedon said:

@Jodi_Ctrl Came up with an interesting CSS only idea to try to solve this issue that I helped refine. Check my last post on that thread. Perhaps you can adapt this technique to your situation.

Let us know how it goes whichever way you go.

Interesting fix. It gives kind of a weird shadow on the mouse over though. I think with a little refinement, that could be a good work around.

Possibly targeting the href and setting the background color to black, to hide the original link?

 

image.png

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...