Brine | Make nav bar drop down transparent

Site URL: https://www.plantbasedpitstop.co.uk/

Hi there,

Im trying to make this navigation drop down transparent ideally - and preferably right aligned.
I've tried inputting a few different CSS options for the background but not having much luck with the below.

#topNav nav .folder .subnav {
   background: transparent !important;
}

WOuld appreciate any help, thanks!
 

Add to Home > Design > Custom CSS

span.Header-nav-folder {
    background: transparent !important;
}
[href="/menu"] + span {
    right: 100%;
}

Thanks tuanphan ! It's still appear to be left align.
Is there an additional line to can add to right align the text? 

span.Header-nav-folder a {
    text-align: right !important;
}

remove 100% code above & add this

The following doesnt appear to be working. But maybe im inputting it wrong?
Thanks!

span.Header-nav-folder {
    background: transparent !important;
    text-align: right !important;
  }

38 minutes ago, tuanphan said:

Add to Home > Design > Custom CSS

span.Header-nav-folder {
    background: transparent !important;
}
[href="/menu"] + span {
    right: 100%;
}

 

21 minutes ago, tuanphan said:

span.Header-nav-folder a {
    text-align: right !important;
}

remove 100% code above & add this

add both code, but remove this

[href="/menu"] + span {
    right: 100%;
}

Ive added the following but the text still doesnt appear to be responding;
Apologies if im missing something

span.Header-nav-folder {
    background: transparent !important;
}
span.Header-nav-folder a {
    text-align: right !important;
}