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