Good afternoon,
I'm trying to split a menu with a white line in the middle with css.
I managed to do it, but on the right side the menu gets a space without the line and in the items that are below is the white line also sort of picking up the menu border.
TheCSScode:
#menu.navli{border-bottom:1pxsolidWhite;}.navbar-collapse.collapse{padding-left:0;padding-right:0;margin:0;
}
HTML:
<divclass="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav">
{% for category in categories %}
{% if category.children %}
<li class="dropdown"><a href="{{ category.href }}" class="dropdown-toggle" data-toggle="dropdown">{{ category.name }}</a>
<div class="dropdown-menu">
<div class="dropdown-inner"> {% for children in category.children|batch(category.children|length / category.column|round(1, 'ceil')) %}
<ul class="list-unstyled">
{% for child in children %}
<li><a href="{{ child.href }}">{{ child.name }}</a></li>
{% endfor %}
</ul>
{% endfor %}</div>
<a href="{{ category.href }}" class="see-all">{{ text_all }} {{ category.name }}</a> </div>
</li>
{% else %}
<li><a href="{{ category.href }}">{{ category.name }}</a></li>
{% endif %}
{% endfor %}
</ul>
</div>