Issues after updating: Parallax Dropshadows Gone & broken on mobile

[bza]

Hi,

I’m running into several issues since I updated my theme and Framework.

(I did the updates on my live site and after I couldn’t get it work after some hours I installed a backup.
I backed up the previously updated site and put it on a subdomain, you can compare to the live site here https://bza.biz)

1. Box shadows for parallax are gone (Already using rows)

2. Parallax is not working in responsive view (the motion and the images are completely pixelated)
https://www.dropbox.com/sc/2c0bsmctfaihxdv/AAAXqXB4Mjz9jzuutjwJp6fza

3. Catalogue images in responsive view are missing for a few products
https://www.dropbox.com/sc/2c0bsmctfaihxdv/AAAXqXB4Mjz9jzuutjwJp6fza

4. Alignment of site title is offcentered -> http://prntscr.com/czmhws

Thanks!

PS:

I think for having a great theme it’s not much what you are asking for extended support,
however I thought it was weird that 6 months of support cost more than half compared to 12 months
and a full site license so I just bought another license. Not complaining. Just mentioning.

[David Martin – Support]

Hi,

Can I ask you to disable the child theme and all plugins leaving only WooCommerce/Swift Framework active whilst we help you out?

Cheers.

[bza]

Hi David,

I did so, all mentioned issues remain.
If you need to make any changes or test things feel free to do so.
It’s just a backup of the updated site.

[David Martin – Support]

Thanks for your patience, I am going to need to talk to the team further regarding this.

I am having issues accessing your main site, which I will need for reference:

[bza]

Hi David,

You are mispelling the URL, it’s https://bza.biz

[David Martin – Support]

Hi, appologies on that – maybe I needed another coffee!

1) Yes, I see that, let me check with the team as to why that is.

2) Please test the parallax images now. I have amended those.

3)

Please add this to Theme Options => Custom CSS:

@media only screen and (max-width: 479px) {
.woocommerce ul.products li.product {
    float: left!important;
}
}

4) Looks resolved for me, is this for a specific device/OS or browser?

Thanks

[bza]

1.) Waiting

2.) Issue remains (iOS Chrome & Safari)
What changes did you make? My plan is not to push this dev.site to the live site but rather make
a new backup of the livesite an update that one once the issues have been solved.

3.) Issue remains (iOS Chrome & Safari)

4.) Issue remains (OSX Chrome & Safari)

5.) New issue discovered: OSX Safari Content is boxed (SLider & Parallax)

I activated a bunch of plugins that are essential for my website and I activated the child theme again.
However I tested it before so all the mentioned issues above were there before I made these changes.

[David Martin – Support]

1. These have been permanently removed.

2. I added a blank spacer to the Row.

3. Just checked on my iPhone and all products are there with the images you uploaded. Can you clear your device browser cache. What product is that for?

4. Please add a screenshot, it looks great for me.

5. URL? Please ensure the Row is set to Fullwidth Stretched.

[bza]

1.) Can I have them back?

2.) Problems remain unchanged, check dropbox screenshots or access it with own mobile phone.
The images don’t scale on mobile (as they do in responsve view in browser)
screenshots: https://www.dropbox.com/sc/jy43bbrxpy6uij7/AAAABXmP7BM5vk_W96LRQRyDa

3.) Browser cache cleared, issue appears in browser responsive view as well.
Browser responsive screenshot: http://prntscr.com/d4qye5
Mobile screenshots: https://www.dropbox.com/sc/amih5o4857ijnht/AACJa3JygsYLMXCwA1GS_F11a

Images are missing for: Radiant Acrylic, Extrafine natural plywood, Rose Acrylic, Natural plywood necklaces, 3d printed streling silver earrings

4.) http://prntscr.com/d4qxe1

5.) they are set to fullwith and appear like that on chrome (url: dev.bza.biz)
Screenshot safari: http://prntscr.com/d4r0xc

[bza]

5.) Issue solved, forgot to clear the cahce

[David Martin – Support]

1)

Sure, please add this:

.fw-row>.spb-row {
    -webkit-box-shadow: inset 0px 0px 47px 0px rgba(0,0,0,0.33);
    -moz-box-shadow: inset 0px 0px 47px 0px rgba(0,0,0,0.33);
    box-shadow: inset 0px 0px 47px 0px rgba(0,0,0,0.33);
}

2)

@media only screen and (max-width: 767px) {
.fw-row>.spb-row {
    background-attachment: local !important;
}
}

3) Please add a blank spacer with a height of 450px as an example within those PB assets.

4) What OS are you using? I see the browser is Chrome, I am on Mac and see this: