landing page not mobile friendly

fairyjo

Hello,

I'm making a landing page with the Uber template on my website (for which I use the JA small biz template).

I would like to use parallax effect but when I try to copy the code that you use with the 4th CTA down on this page https://uber.demo.joomlart.com/index.php/blocks/cta, it doesn't work, I can't figure it out. I would like the parallax effect on both full width pictures.

Also, on a mobile phone, the subtitle below "Votre prof d'anglais à Lausanne", as well as the full text in the middle of the UK flag don't show at all, is there a way to make those visible?

And finally, I've used the JACM Teams module feature as well, but the text that appears on mouse over doesn't appear on the mobile either, is there a way to show the mouse over text by default when on mobile?

Many thanks for your support, sincerely,
Joanie

Ninja

fairyjo
Hi
For the CTA, on your site you have using a different module so it would not work as style is missing.
You also need to fix the background attachment with this code

background-attachment: fixed;
    background-size: cover;

http://prntscr.com/szvw6b

If you will use CTA ACM it will use exact same style in JA Uber .

fairyjo Also, on a mobile phone, the subtitle below "Votre prof d'anglais à Lausanne", as well as the full text in the middle of the UK flag don't show at all, is there a way to make those visible?

As mobile screen size is very less, either you can show text or the image for a clear view.
by default its hidden for mobile.

fairyjo And finally, I've used the JACM Teams module feature as well, but the text that appears on mouse over doesn't appear on the mobile either, is there a way to show the mouse over text by default when on mobile?

Add this code in custom.css file

@media screen and (max-width: 768px){
.acm-teams .team-items .item .img-intro p {
    display: block;
}}

I moved this topic to JA Uber as your template is JA Uber.