JoomlArt Advanced Custom Module Features intro style2on mobile

pagefactory

Hi there

On the homepage from joomla 4 JA Athena quickstart there is JoomlArt Advanced Custom Module Features intro style2, position section 3 and shows a picture (on my site the members of the team) and with a rollover you see the discription (text) so you can see on my homepage on a desktop computer, laptop in mycase.
But when you look at your mobile frame you see the discription over the image so the image is for 90% invisible .
Is there a way to get the same action as on my laptop frame . So the rollover action
Otherwise I had to look to another option to show the teammembers

regards Rob

saguaros

Hi Rob,

It's hard to have the same effect on mobile screen, I just added some custom css:

@media (max-width: 991px) {
  .acm-features.style-2 .features-item-inner {
    padding: 10px;
  }
  
  .acm-features.style-2 .features-img {
  	position: relative;
    height: 350px;
    background-position: top center;
  }
}

into the file: /templates/ja_athena/css/custom.css

to push the text down so you can see both.

Kindly check.

pagefactory

Yes that's better Saguaros , hope that my customer likes it to

thx again

friendly regards
Rob

saguaros

pagefactory Let me know then 🙂