White space in menu when opening sub-menu

Good afternoon msens,

first of all the good news:
The solution to your problem would be to adjust the following css class:

.sf-menu li li li a {
padding-left: 44px;
}

These 44px are the whitespaces you encounter.

As I do not know if you have access to or can alter the respective css file (in this case it would be the main-style.css; line 206), you could adjust this value via different ways.

First of all you should keep in mind that adjusting the style.css, maybe/probably even the main-style.css here, can be overwritten with the next update. Thus your adjustments will be overwritten, too.

To avoid this you could either make use of the advantages of a child theme.
Or if your theme offers a section named in the likes of “custom css” or “CSS styles” you could copy and paste the lines I entered above and adjust the padding-left value to your needs right there. If you’re not sure, just have a look at your WordPress dashboard somewhere around the “Apperance” tab or the “Settings” tab. Sadly it’s something that can differ from theme to theme.

Hope you can use any of the information.

Best regards
Ronny.

Dear Ronny,

First of all thanks a lot for your initiative in solving our issue.

I have inspected the code and have found the line concerned. I then changed the value of 44px to variable figures from -20px to 43px but that white space remains.

Could you please elaborate further on what you did to make that space disappear?

I have access to a custom stylesheet; perhaps you could provide me a css code that would eliminate the space?

Dear msens,

ok, if you’ve got access to a custom stylesheet it will be quick.
Just go ahead and paste the following lines in this stylesheet:

.sf-menu li li li a {
    padding-left: 0px !important;
}

I’m not that much a fan of the !important solution. However as this class still gets the 44px off your main-style.css, I’d try the !important to see if it works.

And just to be sure:
We’re talking about the whitespaces before the text of the 2nd level sub navigations, e.g. “jura giga 5”, “impressa z serie” etc.)?

Kind regards
Ronny.

No sir.

This is more about the white space that occurs to the left of:

jura impressa z9
jusr impressa z7

What we want is for that sub-menu to pop-out without having that space show up under ‘impressa z – serie’

I reckon a different display method? Inline-block??

The menu is simply not compact and user-friendly enough ‘as-is’.

Thanks so far for all!