Navigator Bar Overlapping Into The Border!

[Dazzal]

Hi,

I need help so that the Navigator Bar doesn't overlap into the white border for the theme "Christmas Wonderland." Previously it didn't do that, but something changed, and can't figure out how to shorten the Nav. bar width wise.

friday-night-lights2.proboards.com/

Hopefully Chris or someone can help me. We're using holiday themes for one week in July, so hoping to get this fixed. I have the theme applied.

Thanks much!
Dazzal

[Dazzal]

I posted this on June 30th., and appears no one can help me?

[Brian]

Jul 2, 2022 6:51:37 GMT -8 Dazzal said:

I posted this on June 30th., and appears no one can help me?

It's currently a holiday weekend for both the US and Canada.  Coding and design support is also provided on a voluntary basis.

Adding a border radius to an element can cause the contents of the element to overlap the border. In the case of your theme the wrapper has a large border radius at the top, so everything past where the border curves will overlap if it meets the boundaries of the wrapper width.

You can add a margin to the left and right of the navigation bar and navigation tree to space them out from the border. This goes in Themes > Advanced Styles & CSS > Style Sheet for that theme, preferably at the bottom of the style sheet so that it takes priority over the previously specified rules.

#navigation-menu,
#navigation-tree {
   margin-left: 1rem;
   margin-right: 1rem;
}
Feel free to adjust these values to your liking.

[Dazzal]

Brian I really appreciate your help, and it looks so much better.
Thank you!