Digital experiences for all disciplines
Forum Replies Created
-
-
Ed – Removing Parallax elements from Rows fixed all the issues. Was there documentation on this somewhere that I missed? Thanks again for sticking with this thread. Much appreciated!
Ed – thanks for the code. Unfortunately no dice. I have the Parallax element in a Row element. I’ve experimented with setting Window Height on both elements, or only on the Parallax element. Thoughts? -Paul
Ed – My child theme didn’t actually have any page templates in it. I only created it to include a function that would allow the Vimeo popup player to start at a specific timecode – which I commented out since this is now in the latest Swift Framework.
Please see my prior post about Parallax Elements – the Window Height setting doesn’t work. The page leaves the space for the content, but it doesn’t appear. Content Height does work however. Thoughts?
-PaulUPDATE – it appears the “window height” setting of the Parallax element is not working. Switching to “content height” allows the content to display.
Team – strangely, after activating the core Cardinal theme (instead of the essentially default child theme) this has fixed the row width issues. I have no idea why this would be. The child theme was no longer being used for unique functionality so its use was no longer necessary. However I still think this shouldn’t have broken the layout. Thoughts?
I’m also still having weird issues with some parallax element images missing, or certain parallax elements not working altogether. I had to duplicate a working parallax element and replace it’s content from a non-working parallax element. Thoughts?
Ed – that is the correct website, but I still don’t see it that way. I’ve used OSX Firefox (49.0.2) and Chrome (54.0.2840.71 (64-bit)), both with the same incorrect result. A co-worker has seen the same issues and I have a third verification from outside of my office. I’ve created a test page from scratch and it has the same issues. If you login, you can see the preview page here: http://bit.ly/2dCCB7s Have you dumped your browser cache? -Paul
Ed – that’s the correct page but not what I see at all. Additionally some regular parallax images are missing (and at least one that is missing in the screenshot behind The Early Years content is not missing on the live page). See the attached screenshot. One actual missing parallax image should be in the big white gap between The History and the paragraph starting with a Drop Cap “Black-owned banking institutions…”
I had my brother send me a screenshot and he got the same result as I did – with rows not extending the entire window width.
Thoughts?
-PaulAttachments:
You must be logged in to view attached files.Ed – I had previously edited all rows and applied Full Width Contained – but this does not work. Please see the attached screenshot. Please advise.
Thanks for the parallax fix. That worked.
-Paul
Attachments:
You must be logged in to view attached files.Ed – To quote you: “We have setup in place to be able to allow the rows and elements to go edge to edge however.” What does that statement mean? Is this simply restating what I previously discovered / mentioned? Or are you suggesting there’s a fix in the works? The rows should be able to visually extend to the edges of the browser window.
A further clarification of the parallax layering scheme: the lowest layer – let’s call it the Base Layer (z-index: 0) has a background color applied. The layer on top of that – let’s call it the Image Layer (z-index: 1) contains a png image with transparency. With this layer order, the background color of the Base Layer below can be seen below / through the Image Layer. The theme upgrade essentially removed the background color of the Base Layer.
Please provide a ballpark timeline of when fixes might be available. Thanks in advance.
-Paulps – I’m using the latest Swift Framework version 2.5.18 and the above two issues are still present.
Ed – It would be most accurate to say the background color is missing BELOW the parallax image.
After some investigation, it seems the issues are the css width settings on and placement in the html hierarchy of div.container. All of it’s contents (including div.spb-row) do extend to the edges of div.container. I think the div.container width is getting set in Theme Options > General Options > Site Width (1170 is default). It’s no longer being overridden by the Page Layout > Full Width setting that follows.
As for its location in the page container hierarchy, I’ve noticed a big difference between my example site and http://cardinal.swiftideas.com/. On that demo Cardinal site, the div.container is much farther down in the html container hierarchy (see attached cardinal-example.png). In my site, div.container is a direct child of div#main-container. I’ve also noticed a difference with that example site’s css. There is a max-width 100% setting that the current Cardinal theme doesn’t seem to use.
Thoughts?
-PaulAttachments:
You must be logged in to view attached files.Weird. It does appear to be working now. Thanks again for checking into this.
David – I have not experienced this looping issue. I’m not sure what to suggest regarding that. The parallax asset is here: http://bit.ly/2e8gOk3. Thanks in advance! -Paul
Ed – Three files were uploaded, two are page content (one of which was accidentally uploaded – they are identical). The other is the theme settings. I’ve attached the current page code to this post. Please again refer to this link: http://bit.ly/2dZhJof. The issue of the rows not expanding full width remain. The issue with the parallax row backgrounds has changed – the parallax background images have returned but the rows have lost the background color setting. Please compare the attached screenshot to those prior. Thoughts?
-Paul
Attachments:
You must be logged in to view attached files.This reply has been marked as private. -