7.1 left-align navigation links in a folder

I want to keep my header right-aligned but have the folder links left-aligned.

Here's what worked for me in the CSS Editor:

.header-nav-folder-item {text-align: left !important;}

On 2/14/2020 at 8:29 AM, IM_Design said:

Here's what worked for me in the CSS Editor:

.header-nav-folder-item {text-align: left !important;}

 

Hi @IM_Design, I tried this code and it worked - with the text.. but the background box is still right aligned to the main navigation text...

Did you find a way to fix this?

On 5/12/2020 at 3:57 PM, Hana said:

Hi @IM_Design, I tried this code and it worked - with the text.. but the background box is still right aligned to the main navigation text...

Did you find a way to fix this?

Have the same issue. Any fixes?

On 10/1/2020 at 5:00 AM, sonoferikdesign said:

Have the same issue. Any fixes?

If you share site url, we can help easier.

Try adding this code to align the container:

/* change dropdown menu container alignment */

.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content {
  left: 0;
  right: auto;
}