Joomla Templates Club 406,261 posts

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

#1032060

Hi
Open /css/custom.css file and add below code

@media (max-width: 767px) {

.acm-slideshow .owl-carousel .item .mask{background:none!important;
}}

Regards

[egymedotcom Friend egymedotcomJoin date: June 2015Posts: 83Downloads:434Uploads:16 Thanks: 4]

#1032071

Thank you for your reply
I added it to /css/custom.css but no effect!!
the mask still exist in responsive

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

#1032225

Hi
Kindly clear browser cache and check it again.
The code is working fine at my end and there is no mask on mobile now.
Regards

[egymedotcom Friend egymedotcomJoin date: June 2015Posts: 83Downloads:434Uploads:16 Thanks: 4]

#1032389

Thank you,
it is working now and the mask was removed in mobile.
How can we remove slideshow text in Mobile too? or shall I create new thread for this alone?

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

#1032566

Hi
Use below code in custom.css file

@media (max-width: 767px) {

    .acm-slideshow .owl-carousel .slider-content .slider-content-inner {display:none;}
.acm-slideshow .owl-carousel .owl-controls .owl-pagination{display:none;}
}

Regards

[egymedotcom Friend egymedotcomJoin date: June 2015Posts: 83Downloads:434Uploads:16 Thanks: 4]

#1033248

Thank you
this worked nicely

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

#1033383

You are welcome!

[Author]

Posts