How would i go about Removing the lines that highlight my drop down menu list?

Topic summary

A user wants to remove the separator lines between items in their dropdown menu. Theme settings adjustments haven’t resolved the issue.

Proposed Solution:
Another user suggested adding CSS code to the “base.css” file that targets the menu container and list items with border-bottom: none !important;. The code snippet appears to include a media query for screens with max-width of 450px.

Status:
The discussion remains open - no confirmation yet on whether the CSS solution successfully removed the lines.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.

As the picture shows, i want to remove the lines seperating the menu items in my drop down, but nothing i change in my theme settings will remove them.

Can somebody help with this

Website : SystematicTerror.com

Password:111

Hey @MastaDizzy please add the below css code to your “base.css” file.

@media screen and (max-width: 450px){
#menu-drawer .menu-drawer__navigation-container .list-menu__item {
    border-bottom: none !important;
}
}
1 Like