CODEWITHSUNDEEP
csswordpress
Gergely
Gergely

Reputation: 7487

Scrollable menu in mobile css

On mobile, my wordpress blog shows the menu as three lines. Clicking on it it shows all the menu entries but I cannot scroll on the touch screen.

Which css property should I set for this menu so that I could see all of the menu by scrolling?

Upvotes: 1

Views: 297

Answers (2)

Sudipto
Sudipto

Reputation: 440

Use the overflow CSS property for your menu-items container.
For example: If you have menu items like this:

ul.menu-items-container {
   list-style:none;
}

ul.menu-items-container > li {
   /*CSS for individual menu items*/
}

then add overflow: auto or overflow: scroll like this:

ul.menu-items-container {
   list-style:none;
   overflow: auto;    /*or overflow: scroll*/
}

You can also target overflow on a specific axis like this:

ul.menu-items-container {
   list-style:none;
   overflow-y: auto;    /*or overflow-y: scroll*/
}

Upvotes: 1

Alex
Alex

Reputation: 2775

Looks like you need Overflow css property.

Upvotes: 1

Related Questions