Article Layout On IPhon - Question | JoomShaper

Article Layout On IPhon

JH

Jeff Honeyager

Extension 3 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!!!

0
5 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #6735

Hi, On iPhone emulator articles seems to be OK.

foto_5710_2021.jpg

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #6736
  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.
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #6739

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

0
JH
Jeff Honeyager
Accepted Answer
3 years ago #6856

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!!!
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #6927

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

0