[Support request] Remove Menu Separators

[Daniel]

How can I remove menu separators? https://prnt.sc/wpxmki

[Leo]

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.

[Daniel]

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

[Leo]

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

[Daniel]

ok, I just did.

[Ying]

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 🙂

[Daniel]

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;}
}

[Leo]

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

I’ll take a closer look to see why that’s there 🙂

[Daniel]

Any updates?

[David]

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

[Author]

Posts