How can I extend the width of my dropdown menu on the Refresh theme?

[Corucent]

On my site, I have a dropdown menu, with one item in it. However, this item's name is very long, and it shows on two lines. How can I make the width of the dropdown menu longer, so that the name shows on only one line? I'm using the Refresh theme. Here's an image: 

[niraj_patel]

Hello @Corucent 
please share your store URL so i can provide you some solution for this.

[Corucent]

It's corucent.com and the password is Zubair/Abdullah

[PageFly-Kate · Accepted solution]

Hi @Corucent 

I’m Kate from PageFly - Landing Page Builder, I’d like to suggest this idea:

Step 1: You go Online Store -> theme -> action -> edit code

Step 2: You find the file base.css.

Step 3: You find class .header__submenu .header__menu-item

Step 4: You edit CSS it: 

<>

.header__submenu .header__menu-item {

            justify-content: space-between;

            padding: 0.8rem 2rem;

}

<>

[Corucent]

How do I find the class? Cntrl+F isn't working. What line is it on?

[Corucent]

@PageFly-Kate What line of code is this on? It didn't work for me.

[Fightingfatigue]

Hi So I was having the same issue and this is the code that I had to use to get it on one line, but the problem is there is no white space on the left hand side now and I dont know how to fix that - Please can you advise.

So Please I need more space on the right hand side and I am also just wondering if there is a way that when you click on the drop down menu, it should be more central under shop, as opposed to all on the right hand side? 

Thank you very much

.header__submenu .header__menu-item {
justify-content: space-between;
padding: 0.8rem 0.24rem;

[ExpertRookie]

hi @Corucent 
Thank you for your question. 
Please share your store URL, page URL and also password (if your store has one) so we can help you.

[Corucent]

corucent.com Password (Zubair/Abdullah)