Post by cleve » Fri Feb 17, 2017 10:19 pm

I would really appreciate if someone could kindly help me step by step on how to hide or disable mobile view of carousel and slideshows like the left column. I would like them to display on tabs but not on smartphones. I have seen in many discussion that it has got to do with editing the @media thing however am not sure where and what to input that in the css file. Kindly help! I am using opencart 2.2. Thank you so much.

Newbie

Posts

Joined
Mon May 16, 2016 2:30 am

Post by uksitebuilder » Sat Feb 18, 2017 1:34 am

You can try editing the .tpl files

catalog/view/theme/default/template/module/carousel.tpl
catalog/view/theme/default/template/module/slideshow.tpl

Find:

Code: Select all

class="owl-carousel"
Change To:

Code: Select all

class="hidden-sm owl-carousel"

ImageImageImageImageImage

For Friendly Professional Support - Click Here


User avatar
Newbie

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by cleve » Sat Feb 18, 2017 4:37 pm

uksitebuilder wrote:
Sat Feb 18, 2017 1:34 am
You can try editing the .tpl files

catalog/view/theme/default/template/module/carousel.tpl
catalog/view/theme/default/template/module/slideshow.tpl

Find:

Code: Select all

class="owl-carousel"
Change To:

Code: Select all

class="hidden-sm owl-carousel"
uksitebuilder, Just tried this however its still the same. The carousel banners and slideshows are still displaying on mobile view. I am using the default theme btw.

Thanks

Newbie

Posts

Joined
Mon May 16, 2016 2:30 am

Post by uksitebuilder » Sun Feb 19, 2017 1:06 am

Apologies, you are right. Looks like own_carousel overrides default bootstrap hidden classes.

ImageImageImageImageImage

For Friendly Professional Support - Click Here


User avatar
Newbie

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom
Who is online

Users browsing this forum: No registered users and 5 guests