Return to previous page

Handling a collection of mobile compatibility issues.

This topic has 6 replies, 3 voices, and was last updated 6 months, 2 weeks ago ago by Jack Richardson

Allen

Participant

June 5, 2024 at 03:56

Hello, there are a few issues that need help:

The navigation is slightly offset to the left.
The title, price, and short description are offset to the right. I hope the entire module aligns to the left.
The backend has SKU, Tag, and Category set up, but the frontend only displays the category.
On mobile, there are margins at the top and right of the product image. Remove the top margin and set the left and right margins to 10px each.
The navigation on mobile is offset to the left; change it to a left margin of 10px.
Set the entire “Add to Cart” module to have left and right margins of 10px.
Set the overall left and right margins to 10px each on iPad and mobile.
Thank you.

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#398155 Copied Theme version: 9.3.11

5 Answers

Rose Tyler

Support staff

June 5, 2024 at 06:43

Hello,

Thank you for reaching out and detailing the issues you are experiencing.

We’ve edited the settings in Theme Options > WooCommerce > Single Product Builder. Please check now.

Best Regards,
8Theme’s Team

Please contact administrator
for this information.

#398181 Copied

Allen

Participant

June 5, 2024 at 07:02

Thank you very much. However, there are a few more areas that need attention:

Remove the top margin.
Adjust the left and right margins to be the same width.
Can the thumbnails be centered horizontally?
There is no right margin for the horizontal line.
There is no left margin for the product.
Thank you.

Files is visible for topic creator and
support staff only.

#398182 Copied

Jack Richardson

Support staff

June 5, 2024 at 13:25

Dear @Allen,

I hope this message finds you well. I would like to inform you that our support policy does not typically provide customization services such as adjusting spacings, sizes, and colors to align with personal design templates. Specifically, modifications related to custom changes like the one you encountered, which resulted in an incorrect layout shift on a single product on a mobile device, as seen here: https://prnt.sc/Xernu8Wygfns.

However, on this occasion, we have made the following adjustments to meet your requirements:

1. Completed
2. Completed
3. We have added the following custom CSS: https://prnt.sc/eiA6wUzVRYsH.
4. We noticed that the padding-left for Tabs was set at 2px, as shown here: https://prnt.sc/wt_97Fi16yvZ, but the padding-right was missing. We have reconfigured the computed box settings of Tabs, achieving the results visible here: https://prnt.sc/v8VDPxgaTOw8.
5. Please review the additional modification here: https://prnt.sc/c7H003hKrpL5.

If you require personal customization services, we invite you to submit a request through our customization panel at: https://www.8theme.com/account/#etheme_customization_panel , and continue conversations with the technicians team directly.
Please be advised that customization services will incur additional charges, the exact amount of which will be communicated following a detailed review of your request.

Thank you for your understanding and cooperation.

Best Regards,
Jack Richardson
The 8Theme Team

#398251 Copied

Allen

Participant

June 6, 2024 at 03:28

Hello, after your adjustments, the “Add to Cart” and quantity fields have no left or right margins. I added 10px margins on both sides, but the right margin is not working.

Files is visible for topic creator and
support staff only.

#398335 Copied

Jack Richardson

Support staff

June 6, 2024 at 07:21

Dear @Allen,

I hope this message finds you well. We have recently reviewed the configuration settings of your website and noticed that the modifications we previously implemented, specifically the removal of certain CSS lines, have been reinstated. It appears that these changes were reverted, which may lead to recurring issues similar to those you have experienced in the past. This could potentially create a continuous need for support with no results. Example:
https://prnt.sc/eiA6wUzVRYsH = (previously added solution to solve the 3rd question)
https://prnt.sc/MWL-tvvBVHX7 = (now)

To address the latest issue you mentioned, we recommend adjusting the ‘padding-left’ and ‘padding-right’ settings instead of using margins. This adjustment should help resolve the concern.

Thank you for your attention to this matter. Should you require further assistance or have any questions, please do not hesitate to contact us.

Best regards,
Jack Richardson
The 8Theme Team

#398372 Copied
Tagged: collection handling, compatibility issues, mobile compatibility, mobile issues woocommerce, woocommerce themes, wordpress, wordpress themes
Viewing 6 results - 1 through 6 (of 6 total)