Remove Menu Separators

Hi there,

There aren't any separators added by default so it's likely something in your custom CSS.

If you can link me to your site then I can try to see if I can identify them.

https://www.memescout.com/ it only happens on mobile devices.

Can you disable SG optimizer so I can inspect the code properly?

ok, I just did.

Hi Daniel,

Try this CSS:

.slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
    border-left: 0;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know :)

That works but as Leo said, something is generating them in my custom css and I'm trying to find out what.

Here is my custom css:

.archive.category h1.page-title, .home-page-header {
    text-align: center;
}
.after-content-icons {
	display:flex;
	margin-top: -1em;
}
.addtoany_shortcode {
  margin-left: auto;
	margin-top: 0.18em;
}
.wpulike {
	padding: 0;
}
footer.entry-meta {
	margin-top: 1em;
	margin-bottom: -10px;
}
@media (min-width: 769px) {
    .main-navigation:not(.slideout-navigation) .main-nav {
        max-height: calc( 100vh - 180px);
        overflow-y: auto;
    }
	.main-navigation ul {
    overflow: hidden;}
}

Sorry I was wrong. That is the CSS from the theme.

I'll take a closer look to see why that's there :)

Any updates?

Hi there,

that stying is coming from the Theme.... not sure why its there - never actually noticed it before - we'll dig into a that.... So use the CSS Ying provide