Image Error IOS devices

You are here

Home » Forums » Theme Support » Hosoren
Glik's picture
Glik
Wed, 03/30/2016 - 09:56
#1
Image Error IOS devices

Hi! We have a problem with an image on IOS devices. We have insered an image with parallax mode in home page but on IOS devices it's visualized zoommed. The same problem is also with the template demo in menu > element > background images on IOS devices. Thanks

cindy's picture
cindy
Thu, 03/31/2016 - 06:33

Hi,

Please add the following code in Themesetting => Custom Code => Custom CSS

@media (max-width: 480px){
.heading-large {
    font-size: 25px;
}
.md-parallax {
    background-repeat: no-repeat;
    background-attachment: scroll !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: auto 100%!important;
    background-position:center center !important
}
 }
 @media (max-width: 320px){
     .heading-large {
         font-size: 20px;
     }
  }

And please download the attached file in your email and update in sites\all\modules\custom\md_awecontent\templates\frontend\theme.inc then clear cache

About the parallax mode, it is not supported on mobile as default 

Glik's picture
Glik
Thu, 03/31/2016 - 08:04

Hi Cindy.

Now it works perfectly.

Thank You very much.

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.

See Our Services

Welcome back, Buddy!

Forgot password