CSS for dropdown menu alignment

Hi everyone,

Does anyone know how to make the dropdown menu sections and text align to the left using CSS.

I believe the standard is right-aligned.

See screenshots below:

Thanks in advance,

Steve.

https://www.artofair.ie/

This will align the text to the left, and align the box to the right:

.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content {
    left: -1em;
    right: auto;
    text-align: left;
}

Let me know if that helps!

Perfectly, Ziggy!

Thank you.

On 10/20/2022 at 12:10 PM, Ziggy said:

This will align the text to the left, and align the box to the right:

.header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content {
    left: -1em;
    right: auto;
    text-align: left;
}

Let me know if that helps!

Thank you! Worked for me, too.