Joomla Templates Club 406,261 posts

[nsak Friend nsakJoin date: June 2011Posts: 182Downloads:5Uploads:13 Thanks: 55 Thanked: 5 times in 1 posts]

#1007330

Hello,

I use a JA ACM (Hero : style-5) module and I’ d like the Title (in Herop details) not to show on the smartphone

is this possible is some way?

thanks- Nikos

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

#1007363

Hi
Add below code in custom.css file to hide the heading of ACM Hero style-5.

@media(max-width:468px) {.acm-hero.style-5 .hero-content .hero-heading{display:none;}}

Hope it helps.

[nsak Friend nsakJoin date: June 2011Posts: 182Downloads:5Uploads:13 Thanks: 55 Thanked: 5 times in 1 posts]

#1007812

thanks a lot Pankaj !

can I ask you one more related question?

In the first slide (frontpage) of a slideshow I do not want to use a button link; however, in the smartphone the result is that the footer comes too high upwards and covers almost all the screen;

you can check with http://www.horeca21.com on a phone to see what I’ d like to avoid

thanks for any idea

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

#1007818

Hi
the first slide does not have any button. can u check and give me screenshot what u want to remove?

[nsak Friend nsakJoin date: June 2011Posts: 182Downloads:5Uploads:13 Thanks: 55 Thanked: 5 times in 1 posts]

#1007823

… yes there is no button; I want it that way.

But, if you open the page in a phone you will see the footer area covering all the screen; this I want to avoid. The next slides show ok…

see the image; left (first) screen/ bad- right (next) screen/ good

---

Attachments:

1. 

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

#1007840

Hi
Try below code in custom.css file

@media screen and (max-width: 767px) {
  .acm-hero {
   padding:100px 0!important;

  }
}

Hope it helps

1 user says Thank You to Pankaj Sharma for this useful post

1. nsak

[Author]

Posts