lewycash

it worked just as you said it would :). Thank you so much Andrew! you can see how it looks on visioncy.org/test3. how can I apply a different image for ipad version only? because the picture is too stretched this way, but I believe if we can use the media query you sent me to use a different image by defining the url?

Thank you so much for your patience with me, I’m sorry I keep asking questions.

trying this now.

so I tried the 2:2 ratio image that Andrew suggested and it looks much better on the ipad. you can see what I did in https://www.visioncy.org/test3, to see ipad view just type this url https://mobiletest.me/ipad_mini_emulator/?u=https://www.visioncy.org/test3 , its not yet refined but looks better than before. thank you Andrew.

My problem now is the 2:2 pic doesn’t look good on desktop, its too long(height), this page is meant to have no scroll on desktop but when I use the 2:2 image I now have to scroll down to the 3 buttons at the bottom. can someone please help me on how to do a media query for ipad so that I can use different size images for ipad and desktop. I’m not an expert so if there is any other method please let me know. thank you.

okay I’m going to try the 2:2 in the ways you mentioned above when I get home in about an hour, then i’ll get back to you here. Please stay with me on this and thank you for your guidance, I really appreciate it!

Andrew thanks for pointing that out,

so in short you are saying that I just need to change the ratio of these pictures? will that help to fill up the ipad? also if I change the ratio of the images with the ipad in mind, does that mean I will have to do a media query for the ipad?

managed to solve the issue of the logo by giving percentage values to the logo size, witdh and height. */width: 12%; height: auto*/

Thank you Ravi and Wanderer!!

Please anyone? I put the usual .carousel { max-width: 100%; height: auto;} it’s still not stretching to the bottom of the page. There is a white space, I removed padding and margin is 0px. Please help.

I have removed the maintenance, my problems are as follows:

1:) the image carousel on the front page does not cover the whole page on smaller screens. There will be a white space after the three buttons at the bottom, how can I make the carousel and those buttons to always fill up a page even on smaller screens?

2.) On the second page ‘Kuala Lumpur’ page, the logo goes to the right side of the menu on mobile devices. How can I make it jump to the right side of the menu?

Thanks Ravi, I had no idea there was a maximum code length for forums. are you online now? I will remove the maintenance so you can help me. I’m really desperate and I don’t know what to do.