Navigation Pane dimension

  • Resolved cjonestms

    (@cjonestms)


    11 months, 2 weeks ago

    My navigation pane appears different heights when I click on different pages on the menu. I’ve tried all the settings, and nothing changes it. I just want it to be uniform but can’t find any way of fixing it. I found a previous forum that said something about fixing the CSS, but I’m not sure where to start!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator James Huff

    (@macmanx)

    I recommend asking at https://www.ads-software.com/support/theme/twentytwentyfour/ so the theme’s designers and support community can help you with this.

    It looks like this is doing it:

    ul.has-background {
    padding: 1.25em 2.375em;
}

    That doesn’t show up on the front page, but it does on some other pages. CSS code can change this extra padding, which is what causes the effect. You could add something like this as custom CSS code:

    ul.has-background.wp-block-navigation__container {
    padding: 0;
}

    I’m assuming you are using the block editor and have never added custom CSS? Try this out:

    Go to?Appearance > Site Editor:

    site-editor1.png

    1. Click on the website preview
    2. Click on the Styles icon
    3. Click on the three dots icon next to the section title

    add-css2.png

    Then, in the box there, copy and paste the code I just posted above, into it. See if that works…

    Best Regards,
    Andre

    Thread Starter cjonestms

    (@cjonestms)

    @roughpixels

    Thank you! That seems to have fixed it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Navigation Pane dimension’ is closed to new replies.

Tags