Parallax Effect on Mobile

Permalink Browser Info Environment
Hola Jordi

I have finally got a client that this theme is perfect for.
I have a dev build on the go but I seem to have hit a problem.
Although the Parallax is working perfectly on desktop it does not seem to work on mobile.
Each slide appears but there is no Parallax effect, am I missing something?

My dev site is on drones.c5testing.com
I am working on it at the moment but you should be able to see what I mean.

Saludos

Alex

Type: Discussion
Status: In Progress
madeforspace
View Replies:
jordif replied on at Permalink Reply
jordif
Hola Alex!

parallax backgrounds are not supported on mobile. As stated on the marketplace page: "parallax backgrounds are disabled on mobile for performance reasons".

Actually most webistes using parallax effects disable them on mobile, for instance Spotify used to have a vertical parallax homepage and the effects were also disabled on mobile.

However, if you want to enable them, you can try the following.

Edit the custom.js file (located under packages/theme_long_story_short_parallax/themes/theme_long_story_short_parallax/js/).

Find line 4 and replace it with:
isMobile = false;


This should enable parallax backgrounds on mobile. Make sure to test if the results are ok for you. If you find the parallax effect is jerky, I'd recommend disabling it.

Regards,

Jordi
madeforspace replied on at Permalink Reply
madeforspace
Gracias Jordi

Alex

concrete5 Environment Information

# concrete5 Version
5.6.3.3

# concrete5 Packages
Long Story Short Parallax (1.3.3).

# concrete5 Overrides
languages/zh_TW, languages/it_IT, languages/el_GR, languages/ru_RU, languages/sk_SK, languages/fr_FR, languages/es_AR, languages/pt_PT, languages/sl_SI, languages/fa_IR, languages/da_DK, languages/es_PE, languages/nl_NL, languages/es_ES, languages/ar, languages/cs_CZ, languages/es_MX, languages/nb_NO, languages/fi_FI, languages/ja_JP, languages/ro_RO, languages/vi_VN, languages/sv_SE, languages/tr_TR, languages/de_DE

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off

# Server Software
Apache/2.2.24 (Unix) mod_hive/5.0 mod_ssl/2.2.24 OpenSSL/1.0.0-fips mod_auth_passthrough/2.1 mod_bwlimited/1.4 FrontPage/5.0.2.2635 mod_fastcgi/2.4.6 mod_fcgid/2.3.6

# Server API
cgi-fcgi

# PHP Version
5.3.29

# PHP Extensions
bcmath, bz2, bz2_filter, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dom, enchant, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, http, iconv, imap, intl, ionCube Loader, json, ldap, libxml, mailparse, mbstring, mcrypt, memcache, mhash, mysql, mysqli, openssl, pcntl, pcre, PDO, pdo_mysql, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, readline, Reflection, session, shmop, SimpleXML, soap, sockets, SourceGuardian, SPL, SQLite, sqlite3, ssh2, standard, stats, sysvmsg, sysvsem, tidy, tokenizer, wddx, xattr, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend Guard Loader, zip, zlib.

# PHP Settings
max_execution_time - 45
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 2000
memory_limit - 128M
post_max_size - 32M
safe_mode - Off
safe_mode_exec_dir - <i>no value</i>
safe_mode_gid - Off
safe_mode_include_dir - <i>no value</i>
sql.safe_mode - Off
upload_max_filesize - 24M
http.persistent.handles.limit - -1
ldap.max_links - Unlimited
memcache.max_failover_attempts - 20
mysql.max_links - 60
mysql.max_persistent - Unlimited
mysqli.max_links - 60
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - 60
pgsql.max_persistent - Unlimited
session.cache_limiter - nocache
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
safe_mode_allowed_env_vars - PHP_
safe_mode_protected_env_vars - LD_LIBRARY_PATH

Browser User-Agent String

Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.85 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.