Joomla Templates Club 406,261 posts

[jaumequers Friend jaumequersJoin date: September 2013Posts: 87Downloads:38Uploads:27 Thanks: 16 Thanked: 2 times in 2 posts]

#1022137

Hi,

I’ll need to improve the mobile version. In mobile only an image series appears. No words, no explanations. I’ll like the article title to appear in front the image. Even, if it’s necessary, we could make the

I’m asking Joomlart for an additional paid work. Please could you provide an estimated budget?

The site is http://www.dinamiccomunicacio.com

Thanks !!

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

#1022458

Hi
Can u share a screenshot how you want to show the title of article.
At this time title is visible on your site in mobile view: http://prntscr.com/epbu57
Same like u see in PC when u touch the item.

Regards

[jaumequers Friend jaumequersJoin date: September 2013Posts: 87Downloads:38Uploads:27 Thanks: 16 Thanked: 2 times in 2 posts]

#1022485

Hi,

In my mobile it doesn’t appear the text (see attached). Only appears when you make a "click" while scrolling at the same time (to avoid "go to target link").

What I would like to happen is that text appear without doing anything… only "normal" scroll.

Thanks !

---

Attachments:

1. 

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

#1022529

Hi
I got your request.
Can u please turn off the css compression and update me Here?

[jaumequers Friend jaumequersJoin date: September 2013Posts: 87Downloads:38Uploads:27 Thanks: 16 Thanked: 2 times in 2 posts]

#1025717

Hi, sorry I thought I wrote you.

I think I did it… Take a look please. If not, tell me were to disable compression (server, Joomla, config, Joomlart template…).

Thanks !

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

#1025838

Hi
Add below code in custom.css file

@media(max-width:768px){
.fixel-grid .items.image.none article .item-desc {
    -webkit-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    -moz-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    -ms-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    -o-transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
    opacity: 1!important;
    filter: alpha(opacity=100)!important;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
}

save and check.
Regards

[jaumequers Friend jaumequersJoin date: September 2013Posts: 87Downloads:38Uploads:27 Thanks: 16 Thanked: 2 times in 2 posts]

#1025966

Hi, it mostly worked but not with the "rotate" ones.

Thanks !

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

#1025977

Hi
Use below code in custom.css fie

@media(max-width:768px){
.fixel-grid .items.image.rotateX .back {
    -moz-transform: perspective(800px) rotateX(0)!important;
    -webkit-transform: perspective(800px) rotateX(0)!important;
    transform: perspective(800px) rotateX(0)!important;
}
}

This will work for flip articles.

Regards

[Author]

Posts