CSS - How to get a permanent drop down nav menu ?

How can i get the alignment of the permanent drop down to sit under Portfolio and Information ?

8 hours ago, HollidayHelp said:

How can i get the alignment of the permanent drop down to sit under Portfolio and Information ?

Hi , Please share website Url/link so we can have a look and help you with it.

How do i get the drop down to permanently stay and the drop down under info to also fall in line ?

Code Here: 

// Header //

.tweak-portfolio-grid-basic-height-custom .portfolio-grid-basic {
  padding-top: 0vw;
}

.header-nav-item a:hover {
    color: grey !important;
  text-decoration: none !important;

}
.header-title a:hover {
    color: grey !important;
}

.page-text-wrapper.clearfix {
    margin-bottom: -100px !important;
}

.header-nav .header-nav-item--folder .header-nav-folder-content {
  background: transparent !important;}
 
a.header-nav-folder-title:hover + div, .header-nav-folder-content {
    text-align: left !important;
    position: absolute;
    left: 235% !important;
    right: unset !important;
    -webkit-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
  background: transparent !important;

}

How can i keep the drop down menu to stay down and for the 2nd drop down to be aligned ?

46 minutes ago, HollidayHelp said:

How can i keep the drop down menu to stay down and for the 2nd drop down to be aligned ?

Can you share your site so we can take a look? (provide site-wide password also)

On 5/9/2022 at 6:23 PM, HollidayHelp said:

How do i get the drop down to permanently stay and the drop down under info to also fall in line ?

 

Code Here: 

 

// Header //

.tweak-portfolio-grid-basic-height-custom .portfolio-grid-basic {
  padding-top: 0vw;
}

.header-nav-item a:hover {
    color: grey !important;
  text-decoration: none !important;

}
.header-title a:hover {
    color: grey !important;
}

.page-text-wrapper.clearfix {
    margin-bottom: -100px !important;
}

.header-nav .header-nav-item--folder .header-nav-folder-content {
  background: transparent !important;}
 
a.header-nav-folder-title:hover + div, .header-nav-folder-content {
    text-align: left !important;
    position: absolute;
    left: 235% !important;
    right: unset !important;
    -webkit-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
  background: transparent !important;

}

Can you share your site with the protected password so we can take a look?