Return to previous page

Recommended for you area on the home page, alignment layout issues.

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

Terpsauce

Participant

February 24, 2025 at 23:28

Hello,

I’ve attached a screenshot which shows the recommended for you area on the home page. This does NOT need to be modified on desktop view. Only mobile view has the issue. You can see that each placeholder is uneven, and the cart buttons are outside the border. Do NOT change column quantity.

Thanks

#435239 Copied Theme version: 9.4.7

12 Answers

Terpsauce

Participant

February 24, 2025 at 23:32

.

Files is visible for topic creator and
support staff only.

#435241 Copied
Jack Richardson

Support staff

February 25, 2025 at 14:40
Dear @Terpsauce,

I hope you are doing well.

Could you please try adding the following custom CSS in the “Product List Widget” under the “Advanced” tab → “Custom CSS”, and then check the results?

selector .etheme-product-list-item .quantity-wrapper, selector .type-list.etheme-product-grid-item .quantity-wrapper { flex-wrap: wrap; height: auto; margin-top: -10px; } selector .etheme-product-list-item .quantity-wrapper .quantity, selector .type-list.etheme-product-grid-item .quantity-wrapper .quantity { margin: 10px 12px 10px 0; }

Please let us know if this resolves the issue or if you need any further assistance.

Best regards,
Jack Richardson
8Theme Team
#435327 Copied
Terpsauce

Participant

February 25, 2025 at 23:33

Hi Jack,

I have been provided with custom CSS for 3 problems now. Is it going to be ok in the long run to have all this custom css applied?

#435395 Copied

Terpsauce

Participant

February 26, 2025 at 03:21

Ive applied the changes and it looks good now, however when the + – buttons are replaced select options , it becomes messy again.

#435402 Copied

Terpsauce

Participant

February 26, 2025 at 05:13

Screenshot

Files is visible for topic creator and
support staff only.

#435408 Copied

Rose Tyler

Support staff

February 26, 2025 at 11:20

Hello,

Thank you for getting in touch with us.

1. We would like to inform you that using CSS code when necessary is completely acceptable.

2. The behavior you are experiencing is the default functionality of the WooCommerce plugin for variable products. Specifically, the “Select Options” button will appear on the shop or archive page when a product is of the variable type https://woocommerce.com/document/variable-product/

3. Please try to set https://prnt.sc/sc8QP3yyurlA or https://prnt.sc/zjjWB76Nbaar

Best regards,
8Theme’s Team

#435456 Copied

Terpsauce

Participant

February 27, 2025 at 11:12

Hello,

I am not referring to the behaviour of the plugin.

When it changes to “Add to cart” the add to cart buttons are not in correct alignment and are hanging off the edge of the page. (right side)

#435608 Copied

Jack Richardson

Support staff

February 28, 2025 at 08:59

Dear @Terpsauce,

In this case, we recommend using a single-column layout for the mobile version, as we previously suggested. This approach ensures better usability, especially since some products may have buttons with varying text lengths. As you can see, such buttons may be cropped by the window in the current layout.

If you could provide us with a screenshot of your universal solution with 2 columns, we would be happy to review it and explore possible alternatives, if feasible. However, at this time, we believe that a single-column layout remains the most effective solution for mobile devices.

Please let us know how you would like to proceed.

Best regards,
Jack Richardson
8Theme Team

#435710 Copied

Terpsauce

Participant

March 10, 2025 at 16:50

Hi jack,

not the best advise, nott looking for a single column, just looking got the theme to do what is advertised, and what is shown as possible on other sections of the website already. not asking for much

#436792 Copied

Jack Richardson

Support staff

March 11, 2025 at 16:46

Dear @Terpsauce,

We appreciate your inquiry. The solution we have provided is the best option we can suggest at this time. However, as we previously mentioned, if you could share a screenshot or more described details of your universal solution with two columns, we would be happy to review it and explore possible alternatives, if feasible.

That being said, based on our current assessment, we believe that a single-column layout remains the most effective solution for mobile devices.

Thank you for your understanding and for respecting our support team’s time.

Best regards,
Jack Richardson
8Theme Team

#436930 Copied

Terpsauce

Participant

March 12, 2025 at 04:55

Will provide screenshots and a visual mock up

#436988 Copied

Jack Richardson

Support staff

March 12, 2025 at 17:09

Hello @Terpsauce
Thanks, we will wait for the details.
KInd regards, Jack Richardson
The 8theme’s team

#437101 Copied
Viewing 13 results - 1 through 13 (of 13 total)