How to change the width of specific dropdown menus?

I tried using this code.

a.header-nav-folder-title.exclude[href="/language"] + .header-nav-folder-content {
    width: 50px;
}

But it did not work.

Where did you get above code?

Which template do you use?

Which dropdown menu you want to change?

Can you share link to your site?

10 hours ago, tuanphan said:

Where did you get above code?

Which template do you use?

Which dropdown menu you want to change?

Can you share link to your site?

I got the code from another question that you answered and my template is Bailard.

The link to my site is www.codingpals.org

THanks

Just now, Codingpals said:

I got the code from another question that you answered and my template is Bailard.

The link to my site is www.codingpals.org

THanks

I want to change all the drop down menus width to match the width of the text.

20 hours ago, Codingpals said:

I want to change all the drop down menus width to match the width of the text.

Add to Home > design > Custom CSS

.header-nav-folder-item {
    white-space: nowrap;
}

5 hours ago, tuanphan said:

Add to Home > design > Custom CSS

.header-nav-folder-item {
    white-space: nowrap;
}

 

It does not work.

On 5/3/2020 at 2:39 AM, Codingpals said:

It does not work.

Add to Home > Design > Custom CSS

.header-nav-folder-title[href="/about"] + div {
    width: 100px !Important;
}
.header-nav-folder-title[href="/programs"] + div {
    width: 50px !Important;
}

On 5/5/2020 at 5:16 AM, tuanphan said:

Add to Home > Design > Custom CSS

.header-nav-folder-title[href="/about"] + div {
    width: 100px !Important;
}
.header-nav-folder-title[href="/programs"] + div {
    width: 50px !Important;
}

 

Thanks this worled