Jump to content

MistyPhotos

Member
  • Posts

    15
  • Joined

  • Last visited

Posts posted by MistyPhotos

  1. On 11/2/2022 at 3:25 PM, creedon said:

     

    .Header-inner--top .Header-nav-item:first-child .Header-nav-folder {
    
      column-gap : 1rem;
      display : grid;
      grid-template-columns : 1fr 1fr;
      
      }

    Let us know how it goes.

    Thank you SO much!  A miracle! 😉  One more thing, is there a way to make the first column in the services+conditions drop down in alphabetical order moving to the second?  Does that make sense?  I feel like it doesn't flow well right now.  Any thoughts?  

  2. 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.  

  3. 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!

  4. 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;
      
      }

    IMG_8400.jpeg

    IMG_8399.jpeg

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.