- This topic has 4 replies, 2 voices, and was last updated 5 years, 8 months ago by Skandha.
-
AuthorPosts
-
August 20, 2018 at 4:13 pm #152155AndroidParticipant
Hi I am hoping you can help, I am using the ‘Catch Flames’ theme and it does not appear to be displaying correctly on mobile phones. The issue is that the background displays unevenly, it only appears down the right hand side, it looks like the content area should be filling the screen but the width is not wide enough to fill the screen. Although this is only the case if the phone is held in portrait mode, if the phone is moved into landscape mode the issue disappears and content is centred with the background colour wrapping all around the edge of the screen.
the URL is http://www.wayworcester.org
I have a picture of the issue as it appears on the phone which I could send which will make the issue clearer to you. any help would be most appreciated as my client has asked me to fix it but I am not that clever so any help or advice you can give me would be most appreciated.
If there is any information I can send to you please don’t hesitate to ask.
Yours most appreciatively
Andy Jones, Malvern, UKAugust 20, 2018 at 4:23 pm #152156AndroidParticipantPS here’s a link to the image of the phone and how it displays the website.
https://www.dropbox.com/s/mkad9u1uyucwn4f/WIN_20180820_19_38_46_Pro.jpg?dl=0
note how the orange background only displays down the right hand side when in portrait mode.
August 21, 2018 at 2:20 am #152181SkandhaParticipant@android: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body { padding: 0; margin: 0; width:auto; } } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { width:auto; } }
Let me know if this solves the issue!
Kind Regards,
SkandhaAugust 21, 2018 at 3:29 am #152183AndroidParticipantHi Skanda, Yes it worked straight away :-), thank you for your expertise and willingness to help. I am OK up to a point with wordpress and editing code but was at a loss as where to even start. Very much appreciated. Is there anywhere where I can make a small contribution for your time and effort.
Also thank you for your quick and efficient reply, fantastic support service.
Yours all the best Andy
August 21, 2018 at 4:15 am #152198SkandhaParticipant@android: Hello there, I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/catch-flames/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated. Thanks, and if there’s anything else at all that I can do to help,
don’t hesitate to let me know. Have a good day! 🙂Kind Regards,
Skandha -
AuthorPosts
- The topic ‘Mobile phone display issue’ is closed to new replies.