Navigation folder - text cut off

Site URL: https://www.ekafarowski.com

Hello! I've been trying some different solutions that I've seen to some similar posts on the forums here, but nothing seems to be working for me. 

URL: ekafarowski.com

I have a drop-down folder (not an index) in my navigation bar, entitled "More". The drop down options are cut off on the right side of my browser, and I'd like the entire string of text to be visible. I haven't had much luck with the following CSS codes:

/* Center Dropdown */
.Header-nav-folder {
 margin-left: -2em !important;
}

___________

[href="/more"]+.Header-nav-folder {
    left: -300% !important;
}

___________

.Header-nav-folder {
                   text-align: center;
                   line-height: 1em;
                   padding: 0.7em;
}
.Header-nav-item--folder {
                   font-size: 25px;
}
.Header-nav-folder-title {
                   font-size: 25px;
                   margin-left: 4.5em;
}

I'm really not sure what I'm doing wrong or why these haven't worked...Any help would be appreciated! Thank-you 🙂

Use this CSS

div#id5e27ea668a59ff5a3c75f88f .subnav {
    left: -10em !important;
}

21 minutes ago, tuanphan said:

Use this CSS

div#id5e27ea668a59ff5a3c75f88f .subnav {
    left: -10em !important;
}

 

It worked perfectly! Thank you so much! 🙂

Hey @tuanphan,

Any chance you can elaborate on how to find the id? The only ids I can find are the ones with the yui prefix that change whenever the page is reloaded. I'm using Brine, so maybe the required code is totally different. I don't see a subnav class either...

Here's the site and the password is THX.

Thanks!

On 5/6/2020 at 1:59 AM, Samuel said:

Hey @tuanphan,

Any chance you can elaborate on how to find the id? The only ids I can find are the ones with the yui prefix that change whenever the page is reloaded. I'm using Brine, so maybe the required code is totally different. I don't see a subnav class either...

Here's the site and the password is THX.

Thanks!

[href="/about-us"] + .Header-nav-folder {
    width: 50px;
}