Dropdown submenu has padding on certain page template

  • kanzleikolossa · Member ·

    I have an issue with my page. The main navigation menu changes depending on what page template has been used. On my home page and for example the team page the drop down sub menus from the main navigation bar are displayed how i wish them to be.
    https://kanzlei-kolossa.com/
    https://kanzlei-kolossa.com/team/
    however on any of the pages that have been created using the default page template the navigation sub menus have an opaque padding border. i cannot find the way to remove this padding so the menu displays the same as the home page – an example of the padding can be seen in the following page.
    https://kanzlei-kolossa.com/kanzlei-sekretaer-m-w-d/

    The blog I need help with is: (visible only to logged in users)

  • staff-mxhdema · Staff ·

    Hi there!

    Thank you for reaching out regarding this.

    That’s caused by a bug. When a List Block is added to a page, its CSS is affecting the menu. If you add the block to the content of your homepage, you will notice the same effect.

    Our team is working on a definitive fix for the issue. Meanwhile, you can add this CSS code to your site as a workaround:

    /* Removes unexpected navigation menu padding | 8203511 */
    ul.wp-block-navigation__submenu-container {
    padding: 0;
    }

    As explained here: Add Custom CSS

    If you have any additional questions don’t hesitate to let us know and we will be happy to help.

    Best,

  • kanzleikolossa · Member ·

    thanks for the code, it works perfectly.

Reply to Dropdown submenu has padding on certain page template