Return to previous page

Layout is broken - by ahmadtalal - on WordPress WooCommerce support

This topic has 5 replies, 3 voices, and was last updated 6 years, 8 months ago ago by Olga Barlow

ahmadtalal

Participant

April 22, 2018 at 07:12

Hi,
I have installed your theme and its very nice, I really like it for the fact that its supporting Scripts in the footer.
Recently i have faced this layout issue.
attached image: https://prnt.sc/j8hb25

as you can see in the picture that the 4th product has displaced from its place and it only happen when the browser size is less then 1300px i think. but when i resize the the browser even when the product was displaced then after that the 4th product goes back to its place.

I am using wp-rocket cache plugin and has optimized and defer css.

can you please fix this problem.

2. i want to change the way the product behave when its clicked. I dont want it to scroll picture rather i want it to go to single product page when some one click on the image or tap on the image in mobile.

thnx for help….

#191660 Copied

4 Answers

ahmadtalal

Participant

April 22, 2018 at 07:55

I have found the layout issue and it bcoz of the Critical css path, WP-rocket has generated Critical css path and bcoz of that the layout was broken. I tried to generate it manually because i want to remove the suggestion of above the fold in google page speed,
When i tried to generate using this website then the script came out very small.
https://prnt.sc/j8hk1h

I tried the same website with legenda theme before and it has generated the critical path but with xstore i think its not extracting the css or i dont why its not creating.
note: when i was creating the Critical path then i have turned off all the caching plugin.

Also google is showing me to prioritize content.

#191662 Copied

Rose Tyler

Support staff

April 23, 2018 at 08:54

Hello,

1. Is the problem solved http://prntscr.com/j8vbeg ?
2. Theme Options > E-commerce > Products Page Layout > Image hover effect and Buttons hover settings.

Regards

#191703 Copied

ahmadtalal

Participant

April 23, 2018 at 09:58

hi,
No the problem is not solved. i have turned off default Critical css path generator. but still i cant extract the css to generate the critical css path using this tool : https://jonassebastianohlsson.com

but with this website it turns out to be this
https://prnt.sc/j8hk1h

#191712 Copied

Olga Barlow

Support staff

April 24, 2018 at 11:08

Hello,

Check now, please.

Regards

#191834 Copied
Viewing 5 results - 1 through 5 (of 5 total)