Return to previous page

Gradient Issue - by zf - on WordPress WooCommerce support

This topic has 7 replies, 2 voices, and was last updated 8 years, 7 months ago ago by Jack Richardson

zf

Participant

September 22, 2015 at 12:26

Hi, seem to be having an issue on Chrome and Edge browsers. When the site is at full screen (1920) the banners display, however they do not work when I reduce the browser window size to about +- 820px

This only happens on a page that has a gradient background. (Links attached)

Works perfectly on Firefox

—

I checked this issue with WP Bakery and they mentioned that the conflict comes from VC Ultimate Addons

VC Addons mentioned that since the plugin is bundled with the theme that you maybe able to assist.

Thank You

Please, contact administrator
for this information.

#88586 Copied

6 Answers

Jack Richardson

Support staff

September 22, 2015 at 15:57

Hello,

Are you talking about this background image http://storage4.static.itmages.com/i/15/0922/h_1442933699_2957512_6631c03835.png ?
This issue is related to Ultimate VC Addons plugin. We contacted them and received the reply:
******************
We tested, at the moment – Fixed background property is creating bugs in Chrome.

See reports here –

http://stackoverflow.com/questions/22292357/fixed-background-image-bug-chrome-mac
http://www.cybertechquestions.com/css-fixed-background-attachment-blinks-in-google-chrome_118396.html
https://wordpress.org/support/topic/problem-with-fixed-backgrounds-in-chrome

if you google “Chrome bug with fixed background” you will find many people reporting the same.

The workaround for this is quick. Simply change fixed background to “Move with the content” (scroll) Further – you can apply parallax to it and make it even more beautiful.
**********************

Please try the suggestion of them.

Best regards,
Jack Richardson.

#88641 Copied

zf

Participant

September 23, 2015 at 12:25

Hi, thank you for the reply but i don’t think you quite understood my query. I may not have explained properly

The banner in question is the HOMEPAGE SLIDER. This banner is being hidden by the gradient (Background Effect) (-webkit-linear-gradient) that we have below that. This problem only occurs when I am using chrome or edge and when the window is scaled down to 820px. Subsequently this will cause an issue on any device (Tablet) using the chrome or edge browser. The issue is being caused by by VC Ultimate Addons.

Please advise urgently on the above query and on ticket #88588.

I would really appreciate the assistance.

Regards
Zunaid

Please, contact administrator
for this information.

#88801 Copied

zf

Participant

September 28, 2015 at 06:52

Hi, it has been 5 days since i submitted my reply and I still have not had any feedback.
Please advise urgently.

#89473 Copied

Jack Richardson

Support staff

September 28, 2015 at 14:27

Hello,

Sorry for a delay.

Unfortunately we can’t see the issue.
Please show us screenshots.

Best regards,
Jack Richardson.

#89732 Copied

zf

Participant

September 28, 2015 at 15:46

Hi, screenshots in private section. To replicate issue please use Chrome browser or Windows Edge and manually reduce window size

Please, contact administrator
for this information.

#89859 Copied

Jack Richardson

Support staff

September 28, 2015 at 17:05

Hello,

I’ve checked your site in Chrome browser and haven’t found any issues:
http://storage1.static.itmages.com/i/15/0928/h_1443456279_5609466_40d6370519.png
Please try to check site on mobile devices or if you resize browser you need reload a page. Please try it.

Best regards,
Jack Richardson.

#89936 Copied
Viewing 7 results - 1 through 7 (of 7 total)