Strange border on right side when viewed on iPad or iPhone « Support Forum | Kriesi.at

Support Forum » Corona

Strange border on right side when viewed on iPad or iPhone

14 posts from 6 voices

Started 9 months ago by ivorylake
Latest reply from Devin
This topic is resolved

Tags:

iPhone iPad iDevice border

ivorylake
Member

As the title says when viewing the site on an iDevice it shows correct briefly right after loading but then the border appears on the right side. Anyone having the same issue and possibly found a fix or workaround for this?

The site can be viewed here: http://www.ivorylake.com/

Posted 9 months ago #
Ismael
Moderator

Hi ivorylake,

I can't see the issue on my end. Can you post a screenshot?

Regards,
Ismael

Posted 9 months ago #
ivorylake
Member

Have you looked at the site on an ipad / iphone?

Anyway here you can see the problem: https://www.dropbox.com/s/69jdyvvqnevnzmm/il-strange-border.png

As you can see the site is not centered and has a big black border on the right side of the page, whereas I think it should just fill the whole screen.

Posted 9 months ago #
Mya

Hi ivorylake,

I checked on my Droid and the website is full screen for me - no black border. I'm going to tag the rest of the support team to see if they have issues on their devices.

Regards,
Mya

Posted 9 months ago #
Dude
Dude
Hey!

You can try to add following meta code to header.php:
```
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
```
I couldn't reproduce the error on my lg p700 too.

Best regards,
Peter
Posted 9 months ago #
ivorylake
Member

Thx dude I had thought about that solution too, however this will prevent users to zoom in? Anyway, as a last resort I could use that. I'm still open for other suggestions though :-)!

Posted 9 months ago #
Ismael
Moderator
Hey,

On the body tag there is background: #333 which is not visible in any screen resolution. Maybe you can add this on your custom.css.
```
body {
background: white;
}
```
It will not take the border out but chances are it will change to white.

Regards,
Ismael
Posted 9 months ago #
ivorylake
Member

I just noticed that when I remove the subtitles/descriptions under the main menu the page looks normal on the iPad... maybe something strange going on there?

Posted 9 months ago #
ivorylake
Member

Ok I think I have fixed it, by adding this to the custom CSS:

#top .main_menu .menu{ overflow:hidden; }

Seems that the menu caused the page to appear wider on an ipad than it actually is. Maybe the method I'm using is not correct but for now it works for me..

Posted 9 months ago #
ivorylake
Member

Hmm looking closer now, the above fix cripples submenu's... any ideas?

Posted 9 months ago #
ivorylake
Member

again, this works, for now :)

html,body { width: 100%; overflow-x: hidden; }

Posted 9 months ago #
Devin
Moderator

Hey ivorylake,

I'm glad you were able to find a fix that works for you and thank you for posing back with it :)

Regards,

Devin

Posted 9 months ago #
cortneydryden
Member

I'm having the same problem. Large black border on the right side of the screen when viewed on iphones. The custom CSS he provided didn't work for me though.

Posted 7 months ago #
Devin
Moderator

Hey cortneydryden,

Do you have a link or screenshot? Is it happening on a specific version of the iphone/ios or have you been able to see it on multiple versions?

Regards,

Devin

Posted 7 months ago #

RSS feed for this topic

Reply

You must log in to post.

Kriesi.at - Wordpress Themes and HTML Templates

Strange border on right side when viewed on iPad or iPhone

Reply

Support Forum usage - Please read

Check out some of our WordPress Themes

Blog Categories

Latest Themes

Pages

About me…