Jump to content

Recommended Posts

Hello I have issue with some code.
1. Can you give me an additional code so that when I hover over the project folder it shows the red line on the subcategories?
2. Also my client sent me a screenshot of the site where when he is on one page for example home there is a red line beneath but when he clicks on "projekte" there is another line and when he hovers over a third title there a 3 red lines even though you can't open a page when you are on "projekte". Is it possible to remove that red line from the projects main title because there is no page on the main title
3. Is it possible that the text underneath the project folder are left aligned?

4. On the phone view there is a red button for some reason that I can't get rid off


the website password is: password 

website url: https://www.invest-bau.ch

 

this is the code

/* Fix dropdown menu */
.header-nav-item--active a {
  background-image: none !important;
}

/* Change the underline color of the top menu links */
.header-nav-item a {
  position: relative;
  text-decoration: none !important;
  color: #FFFFFF; /* Set the color of the link */
}

.header-nav-item a::after, .header-nav-folder-item.header-nav-folder-item--active a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px; /* Adjust the positioning of the underline */
  width: 100%;
  height: 2px; /* Adjust the height of the underline */
  background-color: #D60001; /* Set the color of the underline */
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s;
}

.header-nav-item>a:hover::after,
.header-nav-item>a:focus::after,
.header-nav-item--active>a::after, .header-nav-folder-item.header-nav-folder-item--active a::after {
  visibility: visible;
  opacity: 1;
}

/* Optional: Change the underline color when the link is active or focused */
.header-nav-item--active>a::after, .header-nav-folder-item.header-nav-folder-item--active a::after {
  background-color: #D60001; /* Set the color of the underline when the link is active */
}
div.header-nav-item a {
    display: inline-block;
}
span.header-nav-folder-item-content {
    background-image: none !important;
}

 

Screenshot 2024-04-08 at 08.57.43.png

Screenshot 2024-04-08 at 08.53.47.png

Screenshot 2024-04-08 at 19.04.36.png

Link to comment
  • Replies 0
  • Views 554
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Create an account or sign in to comment

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


×
×
  • 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.