Mobile Menu 2nd Button not in folders

Hi,

I realized an issue with my client's website design where I wanted to keep the "2nd button" styling for the "ORDER" button on the main mobile mnu page, but not wanting the nth-child rule to apply to folders. Is there a code that can help me keep that from happening (ie. I don't want any other nav item to look like a button except "Order" and "Get in Touch")

Can you share the website URL, page, and password (if applicable)? Thanks!

@Ziggy Hi! It's www.farmerandthedail.com, any page as long as it's mobile size 

You could try and exclude the folder items with this after the CSS selector 
:not(.header-menu-nav-folder-content)

Hi @Ziggy, that seemed to have no effect at all. Do you have any other suggestions?

What CSS have you got added? Can you share it here (just the relevant lines)?

For example this code

@media screen and (max-width: 767px) {
    .header-menu-nav-item:nth-child(5) a {
        background:#e8ca6c !important;
        color: #a62544 !important;
        width: 200px;
        border-radius: 10px;
        text-align: center !important;
        margin: auto !important;
        font-family: 'augusto';
        font-weight: 100;
        padding-bottom: 25px !important;
        padding-top: 30px !important;
        margin-top: 35px !important;
        padding-left: 30px;
        padding-right: 25px;
        font-size: 26pt
    }

    .header-menu-nav-item:nth-child(5) a:hover {
        background-image: none;
        border-radius: 10px;
        background-color: #fff !important
    }
}

change it to

@media screen and (max-width: 767px) {
    .header-menu-nav-folder[data-folder="root"]>div>div:nth-child(5)>a {
        background:#e8ca6c !important;
        color: #a62544 !important;
        width: 200px;
        border-radius: 10px;
        text-align: center !important;
        margin: auto !important;
        font-family: 'augusto';
        font-weight: 100;
        padding-bottom: 25px !important;
        padding-top: 30px !important;
        margin-top: 35px !important;
        padding-left: 30px;
        padding-right: 25px;
        font-size: 26pt
    }

    .header-menu-nav-folder[data-folder="root"]>div>div:nth-child(5)>a:hover {
        background-image: none;
        border-radius: 10px;
        background-color: #fff !important
    }
}