MODx themes for MODx Revo CMS
  • Welcome to MDxThemes - MODx themes website !
  • Premium high quality Website Modx themes
  • Bootstrap enabled MODx themes
  • HTML5, CSS3, responsive & SEO enabled themes
  • Modx theme Documentation and Support
  • MODx theme tutorials on building a website with MODx CMS.
  • Fast, super easy & powerful theme management system.
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Make parallax slider not load on mobile, fix here

Make parallax slider not load on mobile, fix here 4 years 10 months ago #106

Update: Solved


www.centrespa.com

When this loads on a mobile phone the slider is cut off.

Is there a way to make the slider either look good on a phone or have not load all together when viewed on a mobile phone?

Thanks!
Last Edit: 4 years 10 months ago by Jason Monette.
The administrator has disabled public write access.

Make parallax slider shrink or not load on mobile? 4 years 10 months ago #107

You can disable the slider in mobile view using this css class ".hidden-xs"

Reference: getbootstrap.com/css/#responsive-utilities
The administrator has disabled public write access.
The following user(s) said Thank You: Jason Monette

Make parallax slider shrink or not load on mobile? 4 years 10 months ago #108

Got it! Change the mdx_parallalx_slider chunk to this....This will hide the slider on mobile devices. Thanks!
 
 
 
<div class="hidden-xs">
<div id="da-slider" class="row da-slider">
 
  [[!getImageList?
    &tvname=`mdx_parallalxslider`
    &tpl=`mdx_parallalx_sliderTpl`
]]
 
<nav class="da-arrows">
	<span class="da-arrows-prev pribg"></span>
	<span class="da-arrows-next pribg"></span>
</nav>
		</div></div>
Last Edit: 4 years 10 months ago by Jason Monette. Reason: found the fix
The administrator has disabled public write access.
  • Page:
  • 1