Joomla Templates Club 406,261 posts

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#726177

Hi I did some styling changes an now the tiles aren’t links anymore in responisve mode. I can’t use it anymore to lead on the specific article. http://tisato.komekom.ch and an example http://tisato.komekom.ch/index.php/kommunikation/amt-fuer-gesellschaft-ar Thank you Chris

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#754694

Hi @galbur,

Please open file /templates/ja_fixel/local/css/themes/light/template.css then look for this code :

.fixel-grid .items.image.rotateY article .back h2 a {
padding-bottom: 20px; display:none; /***/
}

remove the display property as below :

.fixel-grid .items.image.rotateY article .back h2 a {
padding-bottom: 20px;
}

1 user says Thank You to Adam M for this useful post

1. galbur

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#754707

Thanks!

Perfect

Best regards
Chris

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#758628

Hi Adam

Thank you! It seems to work with Android but not with iPhone 4S/5S.
Any Idea?

Cheers
Chris

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#758691

Hi @galbur,

Currently, there’s a problem with your site and I’m unable to access it, could you please recheck ?

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#758706

Hi Adam

Thanks. It’s fixed now.

Best regards

Chris

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#758840

Sorry again

Not the Problem is fixed but the site 😉

Best
Chris

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#757996

Hi, and sorry

It’s me again. The link should work now. The problem is still present on iPhone 4s/5s (not on my android)

Thanks for helping Chris

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#761139

Hi

The problem is still there.
Thank you for helping.

Chris

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#761604

Hi

Sorry. But the Problem is still ongoing.

Can you help me?

Thank you
Chris

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#782661

Hi @galbur,

Please open custom.css file then add this code :

@media (max-width: 768px) {
     .fixel-grid .items.image.rotateY article .back h2 {
          width: 100%;
     }
     .fixel-grid .items.image.rotateY article .back h2 a {
          padding: 0;
          position: absolute:
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          color: transparent;
          display: block;
     }
}

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#820001

Hi Adam

Thank you very much for helping again.
Unfortunately the problem is still ongoing. (iPhone 4s and 5s)

Cheers
Chris

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#820261

Hi @galbur,

I’ve just check your site but didn’t see the suggested code anywhere in http://your_site_url.ch/templates/ja_fixel/css/custom.css, please recheck

[galbur Friend galburJoin date: July 2011Posts: 90Downloads:22Uploads:19 Thanks: 28]

#838911

Hi Adam

First: Happy New Year! You are right. The Site is already online. I forgot to make the changes on the test-site (tisato.komekom.ch).

So maybe you can have another look?

Thank you very much Christoph

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#839363

Hi @galbur,

Please make sure the code look exactly as below :

@media (max-width: 768px) {
     .fixel-grid .items.image.rotateY article .back h2 {
          width: 100%;
     }
     .fixel-grid .items.image.rotateY article .back h2 a {
          padding: 0;
          position: absolute:
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          color: transparent;
          display: block;
     }
}

[Author]

Posts