How to make a clickable dropdown menu title using Brine template on version 7.0?

Site URL: https://www.thecyberhelpline.com/

Hi, as described in the title, I am trying to make a dropdown menu with a clickable title using the Brine template in version 7.0.

The template I am using does not have a 'folder' function. Various articles tell me to use index pages instead but this method doesn't seem to work either. All the edits I can make are live edits, which is really not ideal. Do you have code I can use for this? 

FYI: I am in the process of reorganising the whole navigation menu, with new webpages that are currently hidden. 

5 minutes ago, TCH24 said:

I am trying to make a dropdown menu with a clickable title using the Brine template in version 7.0. The template I am using does not have a 'folder' function.

Squarespace regularly rename things and renamed 'folder' to 'dropdown'.

If you are trying to add a dropdown to the site navigation, you should be able to click the '+' button in the Pages panel and then select 'Dropdown' from the available options. It's one of the last options and may require you to scroll:

Did this help? Please give feedback by clicking an icon below  ⬇️

I have tried using this, but it doesn't let me make the dropdown itself a clickable link?

15 minutes ago, TCH24 said:

it doesn't let me make the dropdown itself a clickable link?

On Brine-family templates, clicking the dropdown should send you to the first item within the dropdown. Did you add anything within the dropdown?

If this isn't working as expected, please add a dropdown with some pages within it to allow forum users to take a look.

I want the title of the dropdown to be a clickable link as well as the items within the dropdown. How do I do that?

2 minutes ago, TCH24 said:

I want the title of the dropdown to be a clickable link as well as the items within the dropdown.

The dropdown title should already be clickable.

Clicking it should take the user to the first link within the dropdown. If you don't want the first item within dropdowns to be visible, you can use some CSS to hide them:

/* Hide first item in dropdowns on desktop nav - Brine 7.0 */
.Header-nav-folder a.Header-nav-folder-item:first-of-type {
  display: none;
}

Did this help? Please give feedback by clicking an icon below  ⬇️