Menu header over lap

Hey wealthyone,

Sorry about that and thanks for pointing out the last thread. :)
Add box-sizing: content-box; on the last code I gave, so it should look like:

.boxed #wrap_all {
    border-radius: 20px;
    border: 5px solid blue;
    overflow: hidden;
    margin: 20px auto;
    box-sizing: content-box;
}

then add this css code:

.boxed #wrap_all #header_meta {
    background-color: black;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

Best regards,
Nikko

Hi wealthyone,

I can’t see this on my end, can you give us a link to your site? so we can try to inspect it.

Best regards,
Nikko

Hi wealthyone,

Thanks, I see you forgot to include overflow:hidden in:

/* Rounded corners on main site */
.boxed #wrap_all {
  border-radius: 20px;
  border: 5px solid #a9688f;
  margin: 20px auto;
  box-sizing: content-box;
}

it should be:

/* Rounded corners on main site */
.boxed #wrap_all {
    border-radius: 20px;
    border: 5px solid #a9688f;
    margin: 20px auto;
    box-sizing: content-box;
    overflow: hidden;
}

Best regards,
Nikko

Hi wealthyone,

In Enfold > Performance > disable CSS file merging and compression.
Let us know if that helps.
Also, try to check via web inspector and check if #wrap_all gets the overflow hidden value.

Best regards,
Nikko

Hi wealthyone,

You’re welcome and thanks for your kind words :)
Thanks also for providing screenshot, as you see there .boxed #wrap_all doesn’t have overflow hidden property in it, which means it just gets the cached version.
It’s supposed to have similar properties as the one you put in your Quick CSS.
If you’re using Windows + Chrome, press ctrl + f5 to force the browser to fetch new css.

Best regards,
Nikko

Hi wealthyone,

Try also deactivating temporarily the caching plugin it might help.

Best regards,
Nikko

Hi,

Did you need additional help with this topic or shall we close?

Best regards,
Jordan Shannon

Hi wealthyone,

I’ll be closing this thread then.
Have a great day :)

Best regards,
Nikko