Wrong image resizing on Mobile

MoMo's picture
MoMo
Mon, 12/19/2016 - 15:23
#1
Wrong image resizing on Mobile

Hello Team,

I have put my pictures for the fornt page and I get the following sizing (half of the picture is black)

Image title

Could you please advise?

http://estarregistry.com/

Thanks,

Mo

phuonght's picture
phuonght
Thu, 12/22/2016 - 23:31

Hi,

You can please try to add following CSS code:

.backslider .bs-slides img, .backslider .bs-slides .bs-landscape {
width: 100%;
height: 100%;
}

MoMo's picture
MoMo
Fri, 12/23/2016 - 14:39

Could you please tell me where is that exactly? the path of the file please? I'm not really a big expert of CSS 

Many thanks

MoMo's picture
MoMo
Fri, 12/23/2016 - 14:39

Could you please tell me where is that exactly? the path of the file please? I'm not really a big expert of CSS 

Many thanks

phuonght's picture
phuonght
Fri, 12/23/2016 - 22:02

You can please add it to file CSS of theme or form in theme settings (we added already).

MoMo's picture
MoMo
Sat, 12/24/2016 - 07:51

Hi Phunght,

Many thanks for your help. Actually, the image get distorted. Could you please remind me which size should I use for the front page?

Also I see that the CSS change has impacted one slideshow:

Image title

the images are no more sized correctly. 

Many thanks

phuonght's picture
phuonght
Tue, 12/27/2016 - 22:02

Please try to update code sites/all/modules/custom/md_magnum_module/md_magnum_module.module with https://codepaste.net/hkbi2u.

MoMo's picture
MoMo
Fri, 01/06/2017 - 18:19

Hello Team,

the slide images are still oversized even after putting the code and on mobile it is not working at all. I need please your assistance

phuonght's picture
phuonght
Fri, 01/06/2017 - 23:03

Sorry,

We checked but it worked normally. Can you please send us link of page or section having problem?

MoMo's picture
MoMo
Sat, 01/07/2017 - 18:16

there is no link unfortunately. It is the parallax between buy a star section and our promise.

below the screenshot of the issue:

MoMo's picture
MoMo
Tue, 01/10/2017 - 16:26

hello team please do you have any feedback. My website is live and the parallax does not look right

MoMo's picture
MoMo
Wed, 01/11/2017 - 15:44

Image title

the image does not also resize on phones. I need please your help

MoMo's picture
MoMo
Thu, 01/12/2017 - 17:07

the parallax is also displaying black images!!! please help

phuonght's picture
phuonght
Fri, 01/13/2017 - 22:48

Please try to update parallax images again.

MoMo's picture
MoMo
Tue, 01/17/2017 - 16:36

it is better indeed. However the image does not resize for mobile phones. Could you please check that. This should close the issue after fixing it

MoMo's picture
MoMo
Wed, 01/18/2017 - 17:37

here the screenshot on the mobile:

Image title

this is the full size image as it appears correctly in the desktop:

Image title

Please advice

phuonght's picture
phuonght
Wed, 01/18/2017 - 22:09

Let's make things clear. About background of section, An image is used with all screen resolutions so there will be 2 options that you can choose:
+ Section displays full image: image is scaled following section size and it gets distorted (problem above)
+ Image is not scaled: background image always displays fully and centered. However, it will not display fully with small screens like mobile.  

MoMo's picture
MoMo
Sat, 01/21/2017 - 09:53

Thanks for the explanation

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.