background image on column layout not full width

Permalink Browser Info Environment
Thanks so much for developing the Modena theme. I love the theme and using quite a bit. I've been noticing a pesky issue on all the Modena sites I've built (although I could be a C5 thing). I often use a one-column layout and add a parallax background image and make it full width (see screenshots). When I do this, it seems when a page is viewed by a new user (not cached), the image doesn't go across the browser's full width (see screenshots). If you adjust your browser window, it snaps into place correctly. It also seems if the page is cached, the problem goes away. I've had many clients complain about this but have no idea where to start troubleshooting. I was hoping you might be able to help. Any ideas on why this is happening and how to fix it would be greatly appreciated. See attached screenshot, for example.

2 Attachments

Type: Pre-Sale
Status: Resolved
BrytIdea
View Replies:
VidalThemes replied on at Permalink Reply
VidalThemes
Hi There,

Glad to hear you are still enjoying using Modena :)

Sorry about this it looks like it could be a CSS bug, could you try the following please:

1/ Click on the "Cog" icon on the top left of the concrete5 admin bar, from the menu select "Design" and then click "Customize" on the blue overlay.

2/ From the customize options scroll all the way to the bottom until you see the "Advanced" section, under that click on the "Cog" icon that is next to the words "Custom CSS" in the CSS window that appears paste in the following CSS code:

.parallax-image-container>img {
max-width: fit-content !important;
}


3/ Click on "save changes" then click on "Entire site" and publish your page. You may need to clear your C5 cache and/or browser cache to see the result.

This sorts the issue on our test version, if you could let me know if it works for you, that would be great, if all is good we will roll out a fix in an update so you shouldn't run into it again.

Best regards

David
BrytIdea replied on at Permalink Reply
BrytIdea
Hi David,

That appears to have fixed the issue!! Thanks so much for the quick response!
VidalThemes replied on at Permalink Reply
VidalThemes
Hi There,

I have now released version 1.1.0, and this issue now has a permanent fix, so you should not encounter this issue going forward. Thanks for flagging this up.

Best regards

David

concrete5 Environment Information

# concrete5 Version
Core Version - 8.5.4
Version Installed - 8.5.4
Database Version - 20200609145307

# Database Information
Version: 10.3.23-MariaDB-cll-lve
SQL Mode: ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

# concrete5 Packages
Modena Theme (1.1.5), Poptin (0.9.9), Theme Styling Tool (1.0.3), Webli Content PopUp (2.1)

# concrete5 Overrides
None

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

# Server Software
Apache

# Server API
litespeed

# PHP Version
7.0.33

# PHP Extensions
bcmath, bz2, calendar, Core, ctype, curl, date, dom, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, iconv, imap, intl, ionCube Loader, json, libxml, litespeed, mbstring, mcrypt, mysqli, mysqlnd, openssl, pcntl, pcre, PDO, pdo_mysql, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, readline, Reflection, session, shmop, SimpleXML, soap, sockets, SPL, sqlite3, standard, tidy, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, 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 - -1
max_input_vars - 10000
memory_limit - 768M
post_max_size - 128M
sql.safe_mode - Off
upload_max_filesize - 128M
ic24.api.max_timeout - 7
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 - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15

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.