Joomla Templates Club 406,261 posts

[xxxxmints Friend xxxxmintsJoin date: February 2008Posts: 93Downloads:0Uploads:2 Thanks: 20 Thanked: 3 times in 1 posts]

#187062

Hello

Using modern,I replaced the Hero module with my own image that isn’t blurred.

Everything looks good except when I view it in portrait mode on the ipad.

It loads the image from the left and doesn’t centre it and looks awkward.

Can you advise please.
Thank you.

Mel

[xxxxmints Friend xxxxmintsJoin date: February 2008Posts: 93Downloads:0Uploads:2 Thanks: 20 Thanked: 3 times in 1 posts]

#491223

Not sure how to call it up, but here it is.

http://www.bmidevelopments.net.au/bmi25/

Thanks Leo.

Mel

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

#491271

Hi xxxxmints,

The main reason is you forgot to fit your Hero unit background in responsive device view. This make your “BMI Developments” image seems look not in the center. Well, lets try to put:

@media all {
.hero-unit {
background-size: 100% 100%;
}
}


in <blockquote>templates/ja_onepage/css/custom.css.</blockquote>

Leo

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

1. xxxxmints

[xxxxmints Friend xxxxmintsJoin date: February 2008Posts: 93Downloads:0Uploads:2 Thanks: 20 Thanked: 3 times in 1 posts]

#492036

Ok, thank you and I’ll give this a go.

Mel

[Author]

Posts