Quantcast
Viewing all articles
Browse latest Browse all 3

Wrapping Tabs

For those of you who have created HTML client that has a few tabs, you might have been surprised to see them scroll off the edge of the page on a small screen.

Image may be NSFW.
Clik here to view.
TabsScroll

This looks a bit messy, and sometimes your preference might be to have them wrap to the next line.

This can be achieved by going to your file view > content folder, and adding the following lines to the user-customisation.css file.

.msls-tabs-container {
white-space: normal;
}

Now when you fire up your screen, you’ll see a cleaner look

Image may be NSFW.
Clik here to view.
TabsWrap


Image may be NSFW.
Clik here to view.
Image may be NSFW.
Clik here to view.

Viewing all articles
Browse latest Browse all 3

Trending Articles