Can anyone help me understand the strange white border around my dropdown menu and guide me on how to remove it? I am currently using DropdownButton from react bootstrap.
I have attempted to adjust the CSS with no success. Here is the code I tried:
.Navigation-Bar-Dropdown-Container{
color: $NormalFontColour ;
background-color: $TopBarBackgroundColour;
border:none;
}
https://i.sstatic.net/afvmE.png
https://i.sstatic.net/GJArL.png
Additionally, I have the following snippet of code:
{values.map((newItem) => (
<div key={newItem.id}>
{newItem.parentId == item.id? <a className="Navigation-Bar-Sub-Menu-Items-Container" href="#">
<div className="Sub-Menu-Sub-Menu-Titles">{newItem.title}</div>
<div className="Sub-Menu-Sub-Menu-Shortcuts">{newItem.shortcutCommand}</div>
</a>:<div></div>}
Is there a better alternative to replacing ":<div></div>" in order to prevent empty div tags from cluttering my page?