Align drop-down ul lists at the same height at the top of the drop-down navigation

118
February 05, 2018, at 07:17 AM

I work with drop-down menu and I have one issue. When I open the drop-down menu, ul list belonging to li element that I clicked on appears at the same height as the li element, but I want to align that ul list with previous ul list so the ul list that will open on the right side will be at the top of the drop-down navigation.

Hope you understand. I attached 2 images below the post. At the first image is the current drop-down how it usually works and the second image represents the result that I want to achieve.

Thank you for your help

Old drop-down navigation

New drop-down navigation

Answer 1

Try this css

@media (min-width: 768px) {
    .dropdown-submenu {
     }
.dropdown-submenu .dropdown-menu {
    top: 0px;
    left: 100%;
    margin-top: 0;
    border-top-left-radius: 0;
    position:absolute;
    height: 100%;
    }

By the way this is not a problem this how it works :)

READ ALSO
Why is my tkinter layout changing?

Why is my tkinter layout changing?

I made this tkinter application, and I have a bug where the layout changes and the button at the bottom disappears

111
bcrypt compareSync method not working

bcrypt compareSync method not working

I have implemented the following method in my Rest API to validate the user password from my mongodb

264
Queue async function and limit to 1 parallel execution

Queue async function and limit to 1 parallel execution

I have an async javascript function, lets call it generateThumbnailThe function gets called on a specific event

192
Receipt print from electron applicaiton

Receipt print from electron applicaiton

I am developing a point of sale application using electronI want to print receipt from application is there any package or library for electron application for this purpose? I've tried win

136