-
Posts
-
Good day,
I’m having a bit of trouble with my site. It shows fine on a PC but on mobile it looks odd as the pictures seem to be cut off a bit at the top. I’ve tried multiple settings but nothing seems to work. I’d really appreciate some direction.
My site is http://www.ForceOneDrone.com
Any help is appreciated.
Thank you,
ChuckHey Chuck,
The height if the images becomes a bit smaller, but I did not see anything that critical. Do you have a specific page or image that you would like to adjust?
Best regards,
VictoriaHi Victoria,
Nothing critical? I’d like to attache what I see and what others see when they go to my site on a phone vs a PC. They’re very different, but I don’t see a way to send them to you or attach them.
The worst thing that happens with the mobile version (on both phone and tablet) is that it CUTS OFF the top portion of the picture (i.e., hides it beneath the banner) in a way that’s much different than the non-mobile.
On the site, I’ve adjusted the picture, the size of the header, added padding, pretty much everything I can think of and nothing helps.
How can this be fixed and still keep the properties of the picture/page? And is it possible to send you pictures of what I’m seeing?
Thanks,
ChuckHi,
I`ve checked your site and first of all, you can send the print screens about the problems through this link: https://prnt.sc/
And if you have CSS skills, you can change the background image of each area and replace by an exclusive image – the same image, but with the correct mobile dimensions.
Best regards,
John TorvikJohn,
I have uploaded two images, the mobile and PC displaying of the site to the link provided.
Thanks
ChuckHi Chuck,
I can’t see any link to your screenshots, please give us the link of the screenshot which is generated once you have uploaded it.
Best regards,
NikkoNever used Lightshot before, and no one mentioned I’d have to supply the ink, but here they are!
Mobile:
https://prnt.sc/fdg5pcJohn,
You want me to change the size of the image on the site to be more or less a square image? Is that what you’re asking?
Out of curiosity, what will this do for me. Please explain the request.
Thanks,
ChuckHi Chuck,
Which device is that? I’ve tested in emulators and they are a bit better at scaling that image. Unfortunately parallax and mobile are not always best friends and you never know which browser will decide to render differently. So we need to know what device you’re looking at.
http://mobiletest.me/htc_one_emulator/?u=http://forceonedrone.com/Best regards,
VictoriaHello Victoria,
My picture was taken directly from my phone.
My phone uses Android 6.0.1 (kernel version 3.4.0).
My phone browser is Chrome Version 58.0.3029.83.
I’ve tried older versions of Chrome. I’ve tried Firefox. They all do the same thing.
I have seen my site on some of my friends’ phones and all show the same thing as mine. So I don’t think it’s an Android thing or a browser thing.I think it’s the template code and the emulator just doesn’t happen to show it.
The same thing was happening on my tablet but not to the same degree. If I flip my phone (widescreen), it shows a little better but still badly.
I’ve tried different settings for the picture for a more responsive feel and also for resizing to get the whole picture and things always seem to be out of whack somewhere.
Thanks,
ChuckHi,
Try this code in the General Styling > Quick CSS field:@media only screen and (max-width: 767px) { .av-parallax-inner { background-position: -90px 130px !important;}}See Private Content area for screenshot :)
Best regards,
MikeHi Mike,
If a setting isn’t available, altering the CSS will have to do ;o)
That does work on mobile much better.
Thank you for the help.
ChuckHi,
Sorry there is no setting for that. Glad to hear the css works for you, is there any adjustments or shall we close this now?Best regards,
Mike
- The topic ‘Mobile vs. PC Display’ is closed to new replies.