Quick WooCommerce Single Product Page Fix
Budget: $30 – $250 USD
Need Fixed Today.
We have a slight issue with our WooCommerce Single Product Pages layout that needs attention to. The entire page seems to be in a Grid native to the theme, which some of our plugins and elements and what not are not showing up properly on both Desktop and Mobile.
We have tried to put a display to 'block', it looks great as it should be on Mobile, but on the desktop it looks incorrect. We need it look great on both Desktop and Mobile.
The top portion where the images and short description are, should be split left and right normally. On Desktop, as we go to the bottom where the reviews and related products are, it also splits into the grid, and it looks very cut off and the divs should be on it's own line so it does not look split left and right.
On Mobile, the site is cut in half (left and right), where the short description is and also the elements at the bottom where our reviews and related products are.
These should appear full width and on it's own lines.
When we put it to display in block the Mobile version is perfect, but the Desktop version becomes incorrect where the images is layered at the top of the short description like on Mobile, and it should be split at the top.
I hope this makes sense.
To give you a better idea, I have posted the images below for your references.
We have a slight issue with our WooCommerce Single Product Pages layout that needs attention to. The entire page seems to be in a Grid native to the theme, which some of our plugins and elements and what not are not showing up properly on both Desktop and Mobile.
We have tried to put a display to 'block', it looks great as it should be on Mobile, but on the desktop it looks incorrect. We need it look great on both Desktop and Mobile.
The top portion where the images and short description are, should be split left and right normally. On Desktop, as we go to the bottom where the reviews and related products are, it also splits into the grid, and it looks very cut off and the divs should be on it's own line so it does not look split left and right.
On Mobile, the site is cut in half (left and right), where the short description is and also the elements at the bottom where our reviews and related products are.
These should appear full width and on it's own lines.
When we put it to display in block the Mobile version is perfect, but the Desktop version becomes incorrect where the images is layered at the top of the short description like on Mobile, and it should be split at the top.
I hope this makes sense.
To give you a better idea, I have posted the images below for your references.