Article layout on iPhon - Forum | JoomShaper
Staff replied Extensions

Article layout on iPhon

Asked by Jeff Honeyager 5 years ago Last activity 5 years ago

Why are articles being cut off on iPhone display?

I can't post a screen shot so I had to create a page on another website to show it.

https://gracehost.net/article-does-not-fit-on-iphone

????

After 4 weeks of work, my client won't accept the site because the template (educon) is non-responsive.

HELP!!!

5 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
5 years ago

Hi,
On iPhone emulator articles seems to be OK.

foto_5710_2021.jpg

Paul Frankowski Senior Staff
5 years ago · edited
  1. Do you have this problem on all pages and articles OR only on selected?
    If selected please share URL to them, I will check deeper.
  2. Use "Hidden Content" here on forum to share access to admin area as Super User.
Paul Frankowski Senior Staff
5 years ago · edited

Please inside custom.css file add this:

@media (max-width: 580px) { 
.view-article article.item {
    padding: 0 20px !important;
    float: none !important;}
    article.item .content-wrap { margin-top: 25px;}
}

Then clear mobile browser cache deeply AND refresh 3x browser to see changes, it should help.

after_5711_2021.jpg

Jeff Honeyager Asked this
5 years ago

Added the css - cleared the mobile cache - seems to have worked.

I'll be checking further.

Why has nobody else seen this? Why wouldn't it be in the normal CSS for this problem?

THANK YOU PROFESSOR FRANKOWSKI!!!
Paul Frankowski Senior Staff
5 years ago

To be honest, it should be fixed a long time ago.
You're welcome.

One day I wanted to be a doctor of law after study, but now as you see I cure websites. :)

Log in to reply.