Ask your WordPress questions! Pay money and get answers fast! (more info)

Need Help with the way website renders/displays on Mobile WordPress

  • SOLVED

<strong>Website is :</strong> [[LINK href="https://ezchoicefinancial.com/"]]https://ezchoicefinancial.com/[[/LINK]]
<strong>Theme is infocus</strong>
<strong>WordPress 3.6.1.</strong>

hi there i have had this issue with the website for a long time just chose not to address it . i elect not to use the responsive feature on purpose. We are planning to do a mobile version and app soon etc. in the mean time, i would appreciate if anybody can give me a fix or help me fix it.<strong> Please know that im not a developer</strong>

The website displays fine on desktop but is aligned to the left on the iphone , androids and tablets . it leaves a large space on the right. I will supply links to pictures below . I tried checking to see if the plugins are the issue but no luck. perhaps i made a css error too? can you please check and let me know. I want the whole width of the site to display on mobile

For example on another website i have, i am using the same theme <strong>infocus </strong>and the display/rendering is totally fine on mobile . here is the link for that one [[LINK href="http://ezchoicecreditrepair.com/"]]http://ezchoicecreditrepair.com/[[/LINK]]. i also will attach a mobile view of the other infocus website that renders fine on mobile with no space on the right side

Please let me how to fix it .

[[LINK href="https://ezchoicefinancial.com/wp-content/uploads/2014/02/iphone-view.png"]]here is the iphone view[[/LINK]]
[[LINK href="https://ezchoicefinancial.com/wp-content/uploads/2014/02/ipad-view.png"]]here is the ipad view[[/LINK]]
[[LINK href="https://ezchoicefinancial.com/wp-content/uploads/2014/02/android.png"]]here is the android view[[/LINK]]

[[LINK href="https://ezchoicefinancial.com/wp-content/uploads/2014/02/other-site-displays-ok.png"]]view of the other site with no space on the right side[[/LINK]]

Answers (1)

2014-03-03

Navjot Singh answers:

It displays on desktop the same as well. On desktop, there is a horizontal scrollbar and the design has blank space on the right which is replicated as it is on the mobile.

Delete this code from your theme's header.php

<div style="position: absolute; top: 0px; left: 958px;">
<img src="https://ezchoicefinancial.com/wp-content/uploads/2012/08/menu-extension2.png">
</div>


This code introduces the white blankspace at the right.


Sam Nasr comments:

ok i understand. is there a way to keep that image and still fix the issue?


Navjot Singh comments:

Why would you want that image? It looks out of place and makes the design of the site asymmetrical.


Sam Nasr comments:

nevermind it was only a question. thank you for your help


Navjot Singh comments:

Your welcome. Please vote for the question to close it.