Reply To: Navigation dropdown-submenu

[Andrijana]

Hi,

you need to give a unique id or a class to “ul” that hold that list item, like this:

<li class="dropdown dropdown-submenu">
                <a href="Locations.html" class="dropdown-toggle" data-toggle="dropdown">Locations</a>
                 <ul class="dropdown-menu your_unique_class" style="visibility: visible; display: none;">
                       <li><a href="blog-large-right.html">Blog large image</a></li>
                       <li><a href="blog-small-right.html">Blog small image</a></li>
                       <li><a href="blog-masonry-right.html">Blog masonry</a></li>
                 </ul>
</li>

Then go to css and this code:

.dropdown-submenu > .dropdown-menu.your_unique_class{
right: 100%;
}

This way you defined that third level submenu will be on the right, but only for this unique item. Hope this helps.

Kind regards,
Andrijana