I have been exploring resources from both w3schools and another website to create a navigation bar in Jekyll using frontmatter. However, I am running into issues with the block property in CSS. Most of the navbar is functioning properly, except for the dropdown section.
You can view the jsfiddle here, but please note that it contains Liquid code.
Here's an image showcasing my current issue. Despite making adjustments to the "#navbar .ddm a" section in the CSS file, setting display to block doesn't seem to have any effect. Inline display works as expected, while deleting "display: " reverts it back to inline-block. https://i.stack.imgur.com/z21Bo.png
The following CSS snippet is where I suspect the problem lies:
#navbar .ddm a {
color: green;
padding: 14px 16px;
text-decoration: none;
display: block;
text-align: left;
}