List-block causes padding (?)

Hi @hannesbauer,

Glad you like it! Can you post a link to a page where the issue can be seen?

— Anders

Hi @anlino

thanks for the answer. I was out of town, but now I can show you the page where you can see the issue – padding when displaying the submenu.

Page with issue

No padding occurs here – I don’t use a list-block either.

Page with no issue

And here is the draft of another page without this issue. Additionally: If you switch back and forth between the pages, you can also see how the design shifts – despite identical configuration.

Draft page

Hannes

Hi @hannesbauer,

Poe sets a custom padding on list blocks with a background color. Since the CSS is attached to the list block, it’s only loaded on pages with a list block. The navigation block uses the same markup (ul.has-background-color) for the sub menus, so they also get the extra padding.

You can fix this with the following CSS, added to Appearance → Editor → Styles → Additional CSS:

ul.wp-block-navigation-submenu { padding: 0; }

Let me know if that does it!

— Anders

Hi @anlino,

thank you for your immediate reply. Unfortunately, the additional CSS won′t help. Even with “!important”.

Hannes

@hannesbauer The CSS comment you’ve added above the CSS I gave you is misformatted, breaking the CSS. What you have now is:

* / padding für list-block entfernen * /

It should be:

/* padding für list-block entfernen */

@anlino

I think I need a new pair of glasses… – now it works fine.

Really annoying: The issue with the design shift is still there. If you compare draft page #1 with draft page #2 (with list-block and without additional CSS for the block) and live page, you will see a difference. This affects not only the frontend, but also the backend and may have nothing to do with your theme. I have no idea what triggers this behaviour. It was present (repeatedly) from a point in time that I can’t identify exactly.

Do you have any ideas? In any case, thank you very much for your help.

Hannes