Image/Slideshow position: fixed

Permalink Browser Info Environment
I would love to make the background image / slideshow have a fixed position, so the menu and rest of the web page would scroll up over it and the menu become sticky to the top of the screen. I've played with it a bit, but was unsuccessful. I have the menu aspect in place thanks to your help in a prior post. Any help would be greatly appreciated!

Type: Discussion
Status: In Progress
SiteQwester
View Replies:
jb1 replied on at Permalink Reply
jb1
Hi,
That should be possible. If you add a CSS "class" to the block (via click on block > Design) then you can manipulate that in your theme's CSS file (adding a position:fixed). If you can send through a URL where you've used the block I can see what CSS is taking effect from the theme and what specific tweaks to make.

JB
SiteQwester replied on at Permalink Reply
SiteQwester
http://mainehomephotography.com/properties/rome-11-jamaica-point-road/

Thanks for your help!
~Mike
jb1 replied on at Permalink Reply
jb1
Hi Mike,
Ok I see what you're trying to do. You want the same effect as this:
http://themes.c5extras.com/express...

If you look into the docscript.js file within that theme (http://themes.c5extras.com/packages/jb_express/themes/jb_express/js/docscript.js), this is where the magic happens:

// Identify if visitor on mobile with lame sniffing to remove parallaxing title
  if( navigator.userAgent.match(/Android/i) ||
      navigator.userAgent.match(/webOS/i) ||
      navigator.userAgent.match(/iPhone/i) ||
      navigator.userAgent.match(/iPod/i) ||
      navigator.userAgent.match(/iPad/i) ||
      navigator.userAgent.match(/BlackBerry/)
  ){
    isMobile = true;
  }
  if(!isMobile) {
    $(window).scroll(function() {
        slidingTitle();
    });
  } else {


If you're familiar with JS and CSS you can re-use this to achieve a similar effect. If you're interested in custom coding services, we offer that for US$90/hr.

Hope this helps.

JB

concrete5 Environment Information

# concrete5 Version
5.6.3.3

# concrete5 Packages
Address Vcard (1.0), AddThis (1.0), Advanced Page List (1.0.3), AJAX Page Tools (2.6.3), Amiant Image Gallery (0.7.3.1), Auto Copyright (1.5), Automatic Email Obfuscator (1.2.3), Avatar (0.9.3), Awkward Slider (1.0.4), Background Image (1.0), Before & After Image (1.2), Blueberry Image Slider (1.3), Bootswatch (0.9.1), Breadcrumbs (2.0), Cache Free Content (1.1.0.5.6.3.3), CameraCRETE Slider (1.0), Clean Temp Sessions (0.5.8), CSS3 Button (1.1), Deluxe Image Gallery (1.6.6), Designer Content (3.1.1), Display Page Name (1.0), Document Library (1.6.6), Dynamic Iframe (1.7), Editor Comment (1.0.1), Expand / Collapse (1.2.6), Fancybox links (1.0), Files Cleaner (0.9.0), Fileset Portfolio (1.1.1), Fluid Slider (1.1), Forever (1.6.1), Form Tableless Layout (1.2.1), Foundation (1.4), Get Directions (1.0b), Google Map (Premium) (2.1), Google Plus One (1.0), Grain - Theme and Goodies (2.1), Iframe (1.0), Image List Templates (1.0.1), Intense Debate Comments (0.3.1), JWPlayer Basic Video Player (1.400), Last Updated (1.4.2), List files from set (1.0.4), Login (1.1.1), Login Redirect (1.3), Magic Data (2.10.10), Magic Data Forms (1.2.5), Magic Data Symbols1 (2.7.30), Magic Data Templates1 (2.3.2), Mail Monkey (2.1.2), Nivo Slider (2.0.1), Openstreet Map (1.0), Page Auto Redirect (2.0), Page List Title (2.3), Parent Link (1.0), PC5 Custom Templates (3.5), PDF Viewer (1.0), PHP block by ND (1.0), Piwik Iframe (0.9.6), Popup Login (1.0.5), Popup Pro (1.6.8), RSS Feed Creator (1.24), Search Block Templates (1.0), Shades of Grey - 3 Responsive Themes in one package (1.1), Sisimizi's Download Folder (1.0), Social Icons Reloaded (2.0), Social Sharing (1.5), Sorcerer's Gallery (1.1), Sorcerer's Map (1.5), Sortable Responsive Gallery (1.8), SQL Info (1.1), The Void theme (1.1), Thumbview Template (1.1.1), tnSpacer (1.3), Uber List (1.12.7), Users' Pages (1.0.1), View Directory (1.3), VR Tabs Lite (0.9.8).

# concrete5 Overrides
blocks/page_name, blocks/autonav, blocks/ctm_page_list, blocks/ajax_page_filter, blocks/ajax_page_display, blocks/swp_breadcrumbs, controllers/page_types, languages/ar, languages/ro_RO, languages/pt_PT, languages/sl_SI, languages/he_IL, languages/fi_FI, languages/ja_JP, languages/sv_SE, languages/vi_VN, languages/es_AR, languages/nl_NL, languages/el_GR, languages/it_IT, languages/nb_NO, languages/es_PE, languages/sk_SK, languages/fr_FR, languages/es_ES, languages/cs_CZ, languages/zh_CN, languages/de_DE, languages/ru_RU, languages/tr_TR, languages/fa_IR, languages/zh_TW, languages/da_DK, languages/es_MX, models/magic_data, models/attribute, single_pages/login.php, themes/jb_forever, themes/flat_grey_mhp

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

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.4.45

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, gnupg, hash, iconv, imagick, imap, intl, ionCube Loader, json, libxml, mailparse, mbstring, mcrypt, memcache, mhash, mysql, mysqli, mysqlnd, OAuth, openssl, pcre, PDO, pdo_mysql, pdo_pgsql, pdo_sqlite, pgsql, phalcon, Phar, posix, pspell, Reflection, session, SimpleXML, snmp, soap, sockets, SourceGuardian, SPL, sqlite3, standard, tidy, timezonedb, tokenizer, uploadprogress, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, yaml, Zend Guard Loader, zip, zlib.

# PHP Settings
max_execution_time - 300
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 300
max_input_vars - 1000
memory_limit - 256M
post_max_size - 1024M
sql.safe_mode - Off
upload_max_filesize - 1024M
memcache.max_failover_attempts - 20
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - nocache
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0

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.