Author | Posts |
---|---|
Lincsdigital
January 31, 2019 at 10:07 am
|
Heads up! this post was created when Microthemer was at version 5. The current version is 7. Some references to the interface may be out of date. Hello 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%? Pete |
Sebastian
January 31, 2019 at 2:22 pm
|
Hey Pete, 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. The following video demonstrates how to do this: 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. Thanks! |
Lincsdigital
January 31, 2019 at 10:27 pm
|
Hi Seb Thanks for answering my question so fully, just been on your site and purchased the lifetime licence of Thanks again. Pete |
Sebastian
February 1, 2019 at 11:30 am
|
You’re welcome. Thanks so much for the purchase Pete! |