I’ve been looking at the demo of microthemer trying to set divider/ border on a navbar in between each menu item I managed to but a divider in to the navbar but don’t want it to be 100% height is it possible to reduce the height of the border to 50%?
It’s not possible to set the height of a right-hand border. It must be the height of the element. But the way people achieve the effect you desire is to use an ::after pseudo element, which can be styled into a divider.
One thing I forgot to mention in the video was my rationale for creating a selector that targets all menu links, and then modifying it so it doesn’t target the 2nd (and last) menu link. As opposed to just targeting the first menu item. It’s because using the system I implemented, any new menu items would have dividers between them automatically. You wouldn’t need to adjust the CSS. And the last menu item would never have a divider.
I hope that helps. Please let me know if you have any further questions.
