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
