Two Columns on Menu File Dropdown - Only ONE folder

I have used a code to create two columns for my header menu file dropdown.  But I only want the first folder to have two columns - services+conditions.  The rest I would like to keep one column.  Does anyone have a code for this?  I am using Impact theme.  

Thanks!

This is the code I used:

.Header-inner--top .Header-nav-folder {

  column-gap : 1rem;
  display : grid;
  grid-template-columns : 1fr 1fr;
  
  }

You need to target just one, and can use nth-child(n) to do this, see below:

.Header-inner--top .Header-nav-folder:nth-child(2) {
  column-gap : 1rem;
  display : grid;
  grid-template-columns : 1fr 1fr;  
}

Change out the (2) to target the correct folder.

Let me know if this has helped!

38 minutes ago, Ziggy said:

You need to target just one, and can use nth-child(n) to do this, see below:

.Header-inner--top .Header-nav-folder:nth-child(2) {
  column-gap : 1rem;
  display : grid;
  grid-template-columns : 1fr 1fr;  
}

Change out the (2) to target the correct folder.

Let me know if this has helped!

This did not work.  Is this coding used alone or with the other code?  Is the (2) replaced with (Services + Conditions)?   Thanks!

Sorry for not explaining more, the (2) needs to change to reflect the position of the menu item in the navigation. e.g. if it's the fourth item, change the (2) to (4), if if the first item, change it to (1).

If you can share the website (and sitewide password) it makes it easier to provide assistance.

3 hours ago, Ziggy said:

Sorry for not explaining more, the (2) needs to change to reflect the position of the menu item in the navigation. e.g. if it's the fourth item, change the (2) to (4), if if the first item, change it to (1).

If you can share the website (and sitewide password) it makes it easier to provide assistance.

It still does not work.  The website is still under construction so it is not live yet.  

You can set a site wide password and share that before the website is live:

Set a site-wide password