Joomla Templates Club 406,261 posts

[chaddng Friend chaddngJoin date: September 2013Posts: 12Downloads:0Uploads:2 Thanks: 8 Thanked: 3 times in 1 posts]

#196248

Hi,
On the phone view of my website, the images that normally appear for a featured article on the tablet & desktop don’t appear. I get a black box with the article title instead of the image which should flip to show the black box with the title and some fragment of article content.

The image you can see is set up as a banner module. The 2nd image (black box) is the example of the image not appearing.

Thanks,
Naomi

---

Attachments:

1. 

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#528752

Hi Naomi…

I am not a ja-developer, but i think you have to wait few time if you get support by them.

I looked at your problem.
Its the following: on mobile phones the loading time dont should be lazy and the taping on an article effects the loading of article, so the boxes which are flipping you only see 1sec the intro of article (article content). Hope you understand my english ;):D

So if it is important for you to see content for this short time you can add custom.css and try this:
@media (max-width: 1200px){
.fixel-grid .items.image.rotateY article .item-desc .article-intro, .fixel-grid .items.image.rotateX article .item-desc .article-intro {
display: block;
}}

Much Regards…

1 user says Thank You to fmfame for this useful post

1. chaddng

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#528775

Hi Naomi,

I just checked your site, I saw your site works fine on desktop.

On the mobile and tablet, you can try workaround below:

@media (min-width: 320px) and (max-width: 1024px){
.fixel-grid .items.image.rotateY article .item-desc .article-intro, .fixel-grid .items.image.rotateX article .item-desc .article-intro {
display: block;
}
}

Let me know how it goes.

---

Attachments:

1. 

1 user says Thank You to Nazario A for this useful post

1. chaddng

[fmfame Friend fmfameJoin date: October 2013Posts: 228Downloads:4Uploads:39 Thanks: 8 Thanked: 25 times in 1 posts]

#528796

<em>@Nazario A 419013 wrote:</em><blockquote>Hi Naomi,

I just checked your site, I saw your site works fine on desktop.

On the mobile and tablet, you can try workaround below:

@media (min-width: 320px) and (max-width: 1024px){
.fixel-grid .items.image.rotateY article .item-desc .article-intro, .fixel-grid .items.image.rotateX article .item-desc .article-intro {
display: block;
}
}

Let me know how it goes.</blockquote>

max-width of 1024 is not enough.
in css the article intro isn’t displaying till 1208px!

So i think the naomi also wants to shown the article intro from 1024 to 1208px.

but thank you to ignore my post

1 user says Thank You to fmfame for this useful post

1. chaddng

[chaddng Friend chaddngJoin date: September 2013Posts: 12Downloads:0Uploads:2 Thanks: 8 Thanked: 3 times in 1 posts]

#528838

Thank you both! I’ve put your suggestion of code into custom css with a max of 1208px and the article intro is now displaying. Certainly looks better than just the title showing. Thank you for your time and suggestions. Much appreciated and fmfame, I understood your english fine!

Naomi

[Author]

Posts