Joomla Templates Club 406,261 posts

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1077226

Hi
open file "/html/com_content/category/blog_item.php" in template "ja_decor".
Find and remove code

  <div class="item-image article-image article-image-intro"> 
            <img src="<?php echo JURI::root(true);?>/images/joomlart/demo/default.jpg" alt="Default Image"/> 
            </div>

I just commented this code on your site and its working fine.

Regards

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#1077237

Worked. But articles are getting cut off on computer #1. On computer #2, they are displaying properly. Both running same version of Chrome (62.0.3202.94).
IE v11 is cutting them off on both computers.

• This reply was modified 6 years, 4 months ago by  dbc011.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1077259

Hi
Could u share a screenshot because its hard to assume for me what issue you are facing?
If you have this only on specific PC kindly try to clear cache and browser extension, because of site load same for all systems.

Regards

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#1077391

Cache cleared. Same issue however, when taking the screen shots I discovered they are only be truncated when viewing at 100% in the browser. If you make the viewing % smaller, the full article displays. Screenshots attached.

It is also truncated on Safari on iPad and iPhone.

---

Attachments:

1. 
2. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1077527

Hi
I checked your site in different screen sizes but unable to replicate the issue.
http://prntscr.com/hglofq
Can you check it any other system? As it looks issue from your browser only as it working fine in other systems.

Regards

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#1077549

I have tried on multiple computers. Desktops with large screens seem to work. Laptops are hit / miss. They can be "fixed" by adjusting the view size (zoom) percentage, but our customers won’t know to do that.

Additionally, it does NOT display properly on iPhone or iPad. At lease half our site visits are from these devices.

Any help is appreciated.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1077554

Hi
I got this issue on your site, it was min-height for the intro text, becuaser you are using images in text, style is creating issue,
Add code in /css/custom.css file to fix this issue.

@media (max-width: 1399px) and (min-width: 992px) {.item-desc .article-intro { height: 100%;}}

Regards

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#1077576

I placed the code into public_html/templates/ja_decor/css/custom.css

Cleared cache on iPad and iPhone – issue still occurring.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1077577

Hi
Add this cod too

@media (max-width: 991px){
.item-desc .article-intro {
    height: 100%!important;
}}

Now it works for iphone too.

Regards

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#1077595

I added but still seeing issue. Can you check my file and see if I am not doing something correctly?

Plz make changes if so.

Thx.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1077639

Hi
I have not found any code in your site
/templates/ja_decor/local/css/themes/plumgreen/custom.css
Kindly add the code in this file and check.

Regards

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#1077649

Code added to that location. Plz check. Issue not corrected for me on mobile.

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1077653

Hi
The code is working fine on your site.
Please clear your browser cache and check the page.
Its showing fine my side http://prntscr.com/hgodmk

Regards

[dbc011 Friend dbc011Join date: February 2015Posts: 91Downloads:13Uploads:33 Thanks: 2 Thanked: 1 times in 1 posts]

#1077779

Confirmed it is working on a few mobile devices.

Thanks for your help.

Please mark ticket "Closed".

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#1077879

You are welcome!

[Author]

Posts