try to add something like this via your custom CSS section (or into style.css of a child theme):
@media screen and (min-width: 783px) {
.primary-navigation ul ul a {
width: 120px;
}
.primary-navigation li .menu-item-has-children > a,
.primary-navigation li .page_item_has_children > a {
width: 112px;
}
}
It didn’t seem to do anything. I changed the px on your code also and it didn’t work.
where did you add the suggested CSS?
is it still in your site?
for example, I can’t find it in your site’s custom CSS.
generally, try to clear the browser cache – CTRL F5 or ‘reload’ – to get to see any canges immediately…
Sorry if this is very stupid, but I’m pretty new at this. I went to:
Appearance > Editor > and put it somewhere in there.
Is there a certain spot to put it? Or is that not the correct spot to put it?
you seem to have a custom CSS section somewhere accessible in your dashboard, possibly through the jetpack plugin(?).
add any changed CSS there.