Projects Block Display Problems

Permalink Browser Info Environment
I am using the projects block on two pages on my website (home and portfolio site). There is a problem with the display of the projects when you visit the page for the first time. Sometimes they overlap the footer of the page and sometimes they even overlap each other. I have attached a screenshot of an example. The problem appears in any browser when you visit the page for the first time, even in mobile mode. If you change the size of the browser window so the projects rearranage to adapt the screen size or you visit the page for a second time, the display works correctly.

Can anybody help me fix this problem? It gives a very bad impression, if you come to a website and it looks as if it were broken.

Thanks in advance!

1 Attachment

Type: Discussion
Status: In Progress
View Replies:
c5hub replied on at Permalink Reply
I can't replicate this on by local version.

Looking at your source code, the are you are using has some kind of parallax effet atatched to it - this is not added by the theme.

I would suggest removing this in the first instance.

Please see here this will show that it loads fine.
janjungbluth replied on at Permalink Reply 1 Attachment
I did a little try and error. Actually the parallax effect fixed the issue. It's just a design template in the advanced settings of the layout design of the container that contains the project block (I need the container, so the projects block doesn't stretch to full screen). I found it by chance. It doesn't do anything visually, because I don't have a parallax image in the background, but it fixes the issue with the projects block.

Still it would be nice to know what's the problem with the projects block. I created a test page for you to see the effect (without the parallax template):

I was able to reproduce the problem with this page (remember: only on first time visits with any browser, i.e. cleaned chache).
janjungbluth replied on at Permalink Reply
Ok I just tested the test page and the effect only seems to appear if you go to the homepage first and then to the test page. If you open a cleaned-cache-browser and paste the direct link, the effect does not appear...

concrete5 Environment Information

# concrete5 Version
Core Version - 8.3.2
Version Installed - 8.3.2
Database Version - 20180122213656

# concrete5 Packages
C5DK TwentyTwenty Image (1.0.3), Frame (2.1.0), Login Page Background (0.9), Pure Accordion (0.9.2), Simple Gallery (1.0.7), Zoomer (1.0.1)

# concrete5 Overrides

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software

# Server API

# PHP Version

# PHP Extensions
ADOdb, bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dbase, dom, ereg, exif, fileinfo, filter, ftp, gd, gender, gettext, gmp, hash, htscanner, http, iconv, imagick, imap, interbase, intl, ionCube Loader, json, ldap, libxml, mailparse, mbstring, mcrypt, mhash, mongo, mssql, mysql, mysqli, mysqlnd, OAuth, odbc, openssl, pcre, pdf, PDO, pdo_dblib, pdo_mysql, PDO_ODBC, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, propro, pspell, raphf, recode, Reflection, session, shmop, SimpleXML, soap, SourceGuardian, SPL, sqlite3, standard, sysvsem, sysvshm, tidy, tokenizer, wddx, xml, xmlreader, xmlwriter, xsl, Zend Guard Loader, zip, zlib

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 3000
memory_limit - 256M
post_max_size - 200M
sql.safe_mode - Off
upload_max_filesize - 200M
ibase.max_links - Unlimited
ibase.max_persistent - Unlimited
ldap.max_links - Unlimited
mssql.max_links - Unlimited
mssql.max_persistent - Unlimited
mssql.max_procs - Unlimited
mssql.textlimit - Server default
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
odbc.max_links - Unlimited
odbc.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
raphf.persistent_handle.limit - -1
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Windows NT 6.3; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.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.