Return to previous page

3 issues with site, listed below (Spacing, timer & tabs)

This topic has 6 replies, 2 voices, and was last updated 11 months ago ago by Rose Tyler

Nicolo

Participant

November 13, 2023 at 12:57

Hello

Hope everything is fine. Below I have listed some issues I see to be stuck with. Please check for real devices on mobile.

1. Shop page spacing seems a lot bigger than the standard default. This has happened before as well. i can’t debug and find what the issue is.

2. The timer countdown on the product page not showing. I placed a sales period for certain simple products, but no countdown is showing on real devices.

3. The tabs element on the single product page builder. When I leave this open by default there is an automatic pull down to the element by default. I want to have it open, but with no drag-down effect. is this possible?

#373603 Copied Theme version: 9.2.3 WooCommerce version: last

5 Answers
Rose Tyler

Support staff

November 14, 2023 at 09:43
Hello, Nicolo,

Thank you for reaching out to us with your concerns. We appreciate your patience and are here to assist you with the issues you’ve encountered. Let’s address each point you’ve raised:
1/ Do you want to reduce this space https://prnt.sc/6B6aRyacvUeT on Shop for mobile view only?
In this case add the next code in Theme Options > Theme custom CSS > Mobile:
```
.content-product .product-image-wrapper {
    margin-bottom: 0px;
}
```
2/ Please provide URL of the product and temporary wp-admin access.
3/ Could you please record a video of the problem?

Kind Regards,
8theme team
#373695 Copied
Nicolo

Participant

November 14, 2023 at 11:02

1. No, i just want to reduce the space between the images, back to default spacing. This space is abit to wide.

2. Any simple product – ex: https://elmate.no/product/el-mate-kopp/

3. TABS issue: Check video, goal is to avoid drag down effect:
https://clipchamp.com/watch/vM0aoUeZLWn

Please contact administrator
for this information.

#373712 Copied
Rose Tyler

Support staff

November 15, 2023 at 09:04
Hello, Nicolo,

Thank you for your response.

1/ Please add the next code in Theme Options > Theme custom CSS > Mobile:
```
.products-grid .product {
    padding: 0px 5px !important;
}
```
2/ We’ve set a time https://prnt.sc/ydu9i9yhdKuA and visibility – https://prnt.sc/iwMEPlq-IU6V , here is the result – https://prnt.sc/Fr6r2sV3K9Ok

3/ Add code in your child-theme/functions.php
add_filter('etheme_autoscroll_single_tabs_on_mobile', '__return_false');

Kind Regards,
8theme team
#373806 Copied
Nicolo

Participant

November 16, 2023 at 18:13

Regarding issue nr 1:
I inserted the code but it messed up the space. It needs to only be moved to the right, not to the left as well. This is because of alignment consistency. The space from start of the screen to heading and image, most be same pixel size.

check screen – i marked it with purple for you to comprehend.

#373957 Copied
Rose Tyler

Support staff

November 17, 2023 at 09:36
Hello, Nicolo,

We appreciate your prompt response.

In this case, please change the code to:
```
.products-grid .product:nth-child(odd) {
    padding-right: 5px;
}
.products-grid .product:nth-child(even) {
    padding-left: 5px;
}
```
but do not add the code to the Global custom CSS area, please use the area for Mobile.

Kind Regards,
8theme team
#374001 Copied
Tagged: spacing problems woocommerce, timer issues wordpress, woocommerce issues solution, woocommerce tabs problem, wordpress template fixes, wordpress woocommerce troubleshooting
Viewing 6 results - 1 through 6 (of 6 total)