Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #152155
    Android
    Participant

    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, UK

    #152156
    Android
    Participant

    PS 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.

    #152181
    Skandha
    Participant

    @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,
    Skandha

    #152183
    Android
    Participant

    Hi 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

    #152198
    Skandha
    Participant

    @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

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Mobile phone display issue’ is closed to new replies.