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.

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

TabsWrap

About these ads

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: