Remove border line menu

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know :)

Hi Leo,
Here one of link site with the problem: https://egliserenaissancerdp.ca/

Not sure if I see the border line you are referring to:
https://www.screencast.com/t/lRodCQyo4Fwm

Are you wanting to change the color of the dark area?

Hi,
It's on submenu.
https://egliserenaissancerdp.ca/wp-content/uploads/2021/05/Capture.jpg

That shouldn't be the default behaviour.

Have you added any custom CSS?

Can you disable Autopimize and any caching plugin so I can inspect the code better?

Leo,

I have disable Autopimize plugin. Yes, I have add custom CSS:
.inside-navigation {
position: relative;
padding-left: 45px;
padding-right: 40px;
}
body, button, input, select, textarea {
font-family: "Open Sans", sans-serif;
font-size: 18px;
color: #111111;
}
.tablepress tfoot th, .tablepress thead th {
background-color: #ddd;
}
.tablepress .odd td {
background-color: #ddd;
}
.bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0.bellows-current-menu-item > .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-item-level-0.bellows-current-menu-ancestor > .bellows-target {
font-weight: 700;
font-size: 16px;
}
.bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-custom-content, .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-widget .textwidget {
color: #111111;
font-size: 15px;
}
.bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-current-menu-item > .bellows-target, .bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-current-menu-ancestor > .bellows-target {
background: #dbdbdb;
}
.bellows.bellows-skin-grey-material .bellows-nav .bellows-submenu .bellows-target:hover {
background: #dbdbdb;
}
div.player-track-title {
z-index: 1;
}
div.mjp-volwrap {
z-index: 1;
}
.nf-after-field .nf-error-msg {
font-size: 14px;
}

Can't seem to replicate the issue.

Can you disable all plugins except GP Premium?

Might be worth starting a staging site if this is a live site with traffic.

Thanks!

Leo,
I afraid not. Do you have some other way?
Thank you for your help,

Starting a staging site is the way to go.

What you are seeing isn't the default appearance of the submenu in the off cavnas panel.

Hi Leo,
Maybe you can see the problem (Offcanvas menu) on this site to below. All plugins is disable, except GP Premium, no add custom CSS:
URL: https://www.egliselariviere.org/
IMG: https://www.egliselariviere.org/wp-content/uploads/2021/05/Capture-5.jpg

Hi Dan,

Are you pertaining to this? https://share.getcloudapp.com/9Zud2v6j

If so, that's added by a default CSS which is this one:

.main-navigation ul ul {
    display: block;
    box-shadow: 1px 1px 0 rgb(0 0 0 / 10%);
    float: left;
    position: absolute;
    left: -99999px;
    opacity: 0;
    z-index: 99999;
    width: 200px;
    text-align: left;
    top: auto;
    transition: opacity 80ms linear;
    transition-delay: 0s;
    pointer-events: none;
    height: 0;
    overflow: hidden;
}

It's the box-shadow. We can easily override that with custom CSS:

.main-navigation ul ul {
    box-shadow: none !important;
}

Hi Elvin,
The add custom CSS for box-shadow works.
Thank you for your help,

No problem. Glad to be of any help. :D