Joomla Templates Club 406,261 posts

[fdussaussoy Friend fdussaussoyJoin date: January 2014Posts: 23Downloads:0Uploads:3 Thanks: 7 Thanked: 2 times in 1 posts]

#193883

Hi,

Introducing module is cut by header when I launch my website on a mobile device.

please can you check this for me ? demosite.wytaa.fr

Thank you for your help
francois

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#519036

Hi Francois,

You can try to insert following css rules to templates/ja_onepage/css/custom.css file:

@media (max-width: 640px) {
.hero-unit {
margin-top: 80px;
}
}

[fdussaussoy Friend fdussaussoyJoin date: January 2014Posts: 23Downloads:0Uploads:3 Thanks: 7 Thanked: 2 times in 1 posts]

#519091

Leo,

thanks but this file “custom.css” only contains 4 lines :

@import url(../fonts/homestead/stylesheet.css);
@import url(../fonts/bebas-neue/style.css);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

There is no other “custom.css” file in my template directory…

thank you

[phong nam Friend phong namJoin date: May 2015Posts: 3779Downloads:1Uploads:587 Thanks: 499 Thanked: 974 times in 888 posts]

#519106

It seems you misunderstood my suggestion. I mentioned that you should insert the CSS rules (instructed above) into that custom.css file. That will help you to adjust the Hero section on mobile view.

1 user says Thank You to phong nam for this useful post

1. fdussaussoy

[fdussaussoy Friend fdussaussoyJoin date: January 2014Posts: 23Downloads:0Uploads:3 Thanks: 7 Thanked: 2 times in 1 posts]

#519120

It works fine ! thanks 🙂

[Author]

Posts