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.


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



Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: