Contao 3 and mobile layout

Printable View

03/07/2013, 17:12
marco.zanetti

Contao 3 and mobile layout

Hello to everybody,
I've been reading around that with Contao 3 I can choose a customized layout for a mobile version of my website.
Since I'm going to release a Contao 3 website I tried creating a new layout and looking for a "mobile" option, but couln't find any.

So this is the question: can I really choose a customized layout for my mobile website? If so, how?

Thank you in advance
03/07/2013, 17:18
marco.zanetti

Re: Contao 3 and mobile layout

Oooooooh, maybe I got it! In the page settings you can choose a "desktop" layout and a mobile one!

I'll test it and then update this thread!
07/08/2014, 11:56
asidorov72

Mobile looks as desktop

Hello.
I am new in Contao CMS. My problem is my contao website (mobile version) looks like a desktop version in Android 2.3.5 web browser and FF mobile browser
http://www.zaehne-mit-zukunft-in-mainz.de/

In Opera mini or Safari mobile it looks ok.
Please help me.
thank you
07/08/2014, 13:39
asidorov72

Quote:

Originally Posted by asidorov72

Hello.
I am new in Contao CMS. My problem is my contao website (mobile version) looks like a desktop version in Android 2.3.5 web browser and FF mobile browser
http://www.zaehne-mit-zukunft-in-mainz.de/

In Opera mini or Safari mobile it looks ok.
Please help me.
thank you

Hello, again my Friends.
I found the reason why my website was open in my mobile phone browser as a desktop.
The reason was a default included mootools javascript files under the all html code. Downstairs.
I just commented it:

Code:

<?php if ($this->footer): ?> <footer id="footer"> <div class="inside"> <?php echo $this->footer; ?> </div> </footer> <?php endif; ?> </div> <?php //echo $this->mootools; ?> <?php if (!$this->disableCron): ?> <script src="<?php echo TL_ASSETS_URL; ?>assets/contao/js/scheduler.js?t=<?php echo $this->cronTimeout; ?>" id="cron"></script> <?php endif; ?> </body>

I think It can be useful for other new contao people :)
Thank you and have a good day!
07/10/2014, 23:45
xchs

Hi,

Quote:

Originally Posted by asidorov72

I found the reason why my website was open in my mobile phone browser as a desktop.
The reason was a default included mootools javascript files under the all html code. Downstairs.
I just commented it
<?php //echo $this->mootools; ?>

Actually, that cannot be a solution. You must not comment this line, it is perfectly sufficient to disable the relevant MooTools or jQuery templates in your page layout.

Concerning your initial problem: Have you modified the page template "fe_page.html5"? Seems like there is no viewport meta tag in the generated HTML markup.

By default, the page template includes the line

PHP Code:

<?php echo $this->viewport; ?>

in the <head> section what subsequently translates to

HTML Code:

<meta name="viewport" content="width=device-width,initial-scale=1.0">

in the front end HTML markup.

The viewport meta tag will ensure that the website is properly scaled on mobile devices.