Designing a theme is a challenging process, especially when you take responsiveness into consideration. How will your theme look on a desktop computer? How will it look on a phone or a tablet? These are the kinds of questions you need to keep in mind while designing your theme. In this section, you’ll explore how to adapt your theme to respond to the aspect ratios on different devices.

Making your theme responsive can seem like an overwhelming task at first glance, but don’t worry: Liferay provides you with the tools you need to get the job done as always. Thanks to Liferay’s preview feature, adapting your theme for different devices takes only a few steps.

Previewing Your Theme

To determine what changes need to be made, you can use Liferay’s preview window to see how the theme responds with the existing CSS styles. Locate the Dockbar icons on the left side of the screen....

Read More

Responding to Tablet and Phone Views

With the theme elements identified, you can now add the CSS to make them responsive for phones and tablets. Open custom.css and add the following code to the bottom of the file, after the last...

Read More
0 (0 Votes)
Creating Language Keys for Your Theme Settings Previous