Adapting site to tablet and smart phone.

aljo
8 Posts
aljo posted this 15 January 2016

I would like to make my www.aljowijnands.nl work on phones, I tried but failed, do you have a tutorial for this?

How do I make that two columns which are next to each other in desktop, laptop and tablet mode, show under each other in phone mode?

I would like to make my www.aljowijnands.nl work on phones, I tried but failed, do you have a tutorial for this? How do I make that two columns which are next to each other in desktop, laptop and tablet mode, show under each other in phone mode?

Last edited 17 January 2016 by aljo

Joomla template phone tablet columns
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 18 January 2016

Hi,

The trick is in the number specifying the column width. If mode's width is 24, that means that column will expand to the whole row. To make 2 columns in one row you will need to set 12 for each column in the mode you want.

111.png

Thank you!

Hi, The trick is in the number specifying the column width. If mode's width is 24, that means that column will expand to the whole row. To make 2 columns in one row you will need to set 12 for each column in the mode you want. !111.png! Thank you!
111.png
aljo
8 Posts
aljo posted this 19 January 2016

I tried, but the browser treats my website as a single column page.
The characters on my side are bigger than large I think 24px.

I tried, but the browser treats my website as a single column page. The characters on my side are bigger than large I think 24px.
Support Team
Support Team posted this 22 January 2016

Hello,
1.it looks like you have disabled the Content in Phone mode. Please check this setting

EnableContent.png

2.the article which explains how to adapt images for responsive mode may be also helpful
http://answers.themler.com/articles/6460/how-ro-resize-slider-images-and-text-in-responsive-mode

regards,
Aileen

Hello, 1.it looks like you have disabled the Content in Phone mode. Please check this setting !EnableContent.png! 2.the article which explains how to adapt images for responsive mode may be also helpful http://answers.themler.com/articles/6460/how-ro-resize-slider-images-and-text-in-responsive-mode regards, Aileen
EnableContent.png
You must log in or register to leave comments