Jump to content

Archived

This topic is now archived and is closed to further replies.

himalaya01

Website visible on Mobile twice as small + white space

Recommended Posts

himalaya01    3
himalaya01

Hi,

 

When I load my page on my mobile phone I can see my complete website.

The problem is there is a large part of white space visible on the right  of the website.

If I drag the screen to the left, the white space becomes bigger.

 

If I hold my phone vertically the size of the white space differs from holding my phone horizontally.

This issue is not very old, in the past I didn't have this issue.

I tried disabling all plugins and enabled them again but that didn't work.

 

I am not really  a fan of 'promoting' my website on this forum because I don't know if it will affect my google ranking.

For this reason I am deviding the page in 2 parts below.

 

Website =  www.speeddaten 4love.nl

 

Thanks

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

When you have a horizontal scroll on your website, like you have this is 99.9% of the time related to either custom HTML, custom CSS or a plugin. I recommend you disable all active plugins and see if this resolves your issue, if it doesn't then its related to custom HTML you have added.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
himalaya01    3
himalaya01

Hi Danny,

 

I disabled all plugins and still have the issue.

My custom code is :

 

.section-branding .mainlogo-link, .section-branding .mainlogo-img { margin: 0 auto;}

#site .soapboxes .fboxgraphic img {
position: relative;
  max-height: 200px; }

 

Can you see something in the code that causes the problem?

 

Thanks

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

It may not simply be related to a plugin or custom CSS, it may be related to widget or HTML you may have added. To identify the issue, you will need to disable all custom CSS, and remove any custom widgets or HTML you have added, then see if the issue has been resolved.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
himalaya01    3
himalaya01

Hi Danny,

 

That's strange!

I disabled all plugins and widgets and I didn't add any custom HTML so I can't remove custom HTML.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Can you disable all plugins again and enable Pl debug mode please.

Wordpress Admin Dashboard > PageLines > Site Options > Advanced.

Once enabled please reply here informing us, so we can take a closer look.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
himalaya01    3
himalaya01

Hello.

I have activated the Degub mode.

 

Thanks

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

You have disabled all plugins?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
himalaya01    3
himalaya01
I did, when I found out that was not the issue I activated plugins again.
All plugins and widgets are deactivated now.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Your issue is coming from this - http://d.pr/i/Y0gt

Removing it resolves your issue, this is something you have added.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
himalaya01    3
himalaya01
Thank you I am going to find that line you added in blue. And I Misunderstood you before as I Mentioned I didn't add html manually. Ofcourse I did! I am into so many webtalk lately and have Mistaken html for something else.

ThankS Danny

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

No problem, happy to help!


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • kwaoru
      By kwaoru
      Hi,
       
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
       
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
       
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
       
      Looking forward to hearing from you.
    • poseyg
      By poseyg+
      This just happened to a site I'm working on. When I decrease width of browser to check for responsiveness...the pagelines content section is not responding???
    • yemoonyah
      By yemoonyah+
      While building my website, I set a padding of 5%, 25%, 5%, 25% so the text on the pages is not too wide.
      However, it looks crappy on mobile.
      How do I get the same effect and still have it look good on mobile?
      Example: http://yemoonyah.com/quiz
      Thanks
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      can I limit the overall of MegaNav on mobile? When I look at michaelkummer.com on a mobile device, the menu takes up more than a third of the screen space. Using CSS to limit max-height doesn't seem to work. Is there another/better way to reduce the overall height to maybe 10% of the screen available?
      Thanks
      Michael
       
    • Queue-it
      By Queue-it+
      Hi,
      Pagelines has great extension called "Tour guide", but on the mobile the sections don't break up in a user friendly way.  I attached an image with a mobile view, where the section is set to break with text-button - image instead of text-image-button. 
      https://www.pagelines.com/product/pl-section-tourguide/
      Is there an easy way to change that sequence?
       

×