Can’t Seem to Remove 1px Border Around Submenu

  • Working on a new site and there’s a 1px gray border around the submenu drop down box below the transparent header (both which I filled with solid black) that I can’t get rid of.

    https://www.dropbox.com/s/2eggdww5ljsy1fr/1px-border-submenu.jpg?dl=0

    I’m not seeing any option in Elementor, so I’m guessing I’ll need custom CSS for.

    I was able to remove the 1px divider lines from the mobile menu using this CSS from another post, which worked perfect:

    .ast-header-break-point .main-navigation ul .menu-item .menu-link {
    border: 0;
}

    Anyone have this issue before and know the CSS solution?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter graphicvision1

    (@graphicvision1)

    I figured it out. Here is the code if anyone else has this issue and wants to get rid of the border.

    .main-header-bar .main-header-bar-navigation .sub-menu {
	border: 0;
}

    Hi @graphicvision1,

    Thanks for sharing the CSS code. Could be helpful for the others in the community.

    Anyway, you might also want to check this section and might work for you without needing any custom CSS.

    Kind regards,
    Herman ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Can’t Seem to Remove 1px Border Around Submenu’ is closed to new replies.