How edit element.style in WordPress?
<p>I am trying to edit a drop down menu which I defined recently in function.php file in WordPress.</p>

<p>So I want to show two menu in header of WordPress like this :</p>

<p><img src="https://i.stack.imgur.com/jNIRB.png" alt="Image"></p>

<p>So I want to increase the width of menu and want to make this like this :</p>

<p><img src="https://i.stack.imgur.com/kGm5y.png" alt="Image2"></p>

<p>So if I am trying to put code in a div and trying to increase width of div then the whole thing is increasing and if I am trying to inspect element then its showing this :</p>

<pre><code>element.style {
}
input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, select {
    text-transform: none;
}
</code></pre>

<p>So how I can modify element.style when its not define anywhere in stylesheet. </p>