Dividers for Elementor's Navigation Menu with Free CSS

by | Oct 5, 2021 | 0 comments

Dividers for Elementor's Navigation Menu with Free CSS

by | Oct 5, 2021 | CSS Tips and Tricks | 0 comments

Many of us resort to the Icon List or Buttons with Borders when we’re trying to add a Divider Line between the Navigation Menu Items.

Now we can do it with some Simple CSS Code!

Custom CSS:
#menu-1-b0e8a49 .menu-item:not(:last-child) a {
border-right: 1px solid #000000;

This bit: menu-1-b0e8a49 replace with menu-1-xxxxxxxx where the xxxxxxx is the code that you’ll get after inspecting the Menu. The video will explain 🙂

— Get Elementor Pro here —- https://elementor.com/?ref=25741
— Of course, we’re affiliated to them, but it helps to pay for resources to keep creating ace content for you 🙂

— Book an Appointment/Consultation: https://calendly.com/info-28542
— LinkedIn: https://www.linkedin.com/in/imran-siddiq-7320a74a/
— Instagram: https://www.instagram.com/batswebsitedesign/
— Twitter: https://twitter.com/imranwebsites
— Facebook: https://www.facebook.com/websquadrontraining/

PS: https://websquadron.co.uk
PPS: Contact us at [email protected]
PPPS: We only build with Elementor Pro


<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-1">First name or full name</label> <input class="tnp-name" type="text" name="nn" id="tnp-1" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-2">Email</label> <input class="tnp-email" type="email" name="ne" id="tnp-2" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>