Dropdown menu position

Hi!
I have a problem with my dropdown menu. I’ve already changed the background color and hover, but right now, when the background color is white position of text looks random. I would like to move it more to the left so the dropdown texts would be in the same line as “projekty”. My site is: http://hillo.pl/.

Hi there,

Apply css code below from Appearance > Customize > Additional CSS field:

.main-navigation ul ul a {
    margin: 0;
    padding-left: 0;
}

And sub menu items will be in line with 1st level menu like this https://www.screencast.com/t/LCQZh3gfTA

Best Regards!

1 Like

OMG. That is so helpful. Thank you.
Is there a way for it to be narrower? I mean like less white dropdown menu background on right from the text?

You’re welcome,

Spacing on left and right is the same and it is controlled with padding, and removing it from just one side, you won’t have same spacing on sides anymore, but if you want to do that it is possible with css code below:

.main-navigation ul ul li {
    padding-right: 0;
}

Best Regards!

I’ve managed to thin it on my own, but thanks for everything!