Return to previous page

Category Product View Misalignment via Submenu…

This topic has 4 replies, 3 voices, and was last updated 7 months, 2 weeks ago ago by Andrew Mitchell

Ajaz

Participant

April 3, 2024 at 14:44

When you click on the main menu > shop > abaya or dress, the product image and the product description text below the image are both left-aligned.

How can they be identical to my shop page product layout? I am not able to find the options to resolve this?

#389862 Copied Theme version: 9.3.2

3 Answers

Luca Rossi

Support staff

April 4, 2024 at 07:12

Hi @Ajaz,

We’ve updated the custom CSS codes to this, to make it work for categories page also:


.woocommerce-shop .content-product .product-content-image,
.woocommerce.archive .content-product .product-content-image,
.single-product .content-product .product-content-image {
    width: 300px !important; /* Adjust the width as needed */
    height: auto; !important;
    margin: 0 auto;
    overflow: hidden;
}
.woocommerce-shop .content-product .products-page-cats,
.woocommerce.archive .content-product .products-page-cats,
.single-product .content-product .products-page-cats {
    padding-right: 0 !important;
}
.woocommerce-shop .product-details .product-view-light .light-left-side,
.woocommerce-shop .content-product h2.product-title,
.woocommerce-shop .content-product .products-page-cats,
.woocommerce-shop .content-product .price,
.single-product .product-details .product-view-light .light-left-side,
.single-product .content-product h2.product-title,
.single-product .content-product .products-page-cats,
.single-product .content-product .price,
.woocommerce.archive .product-details .product-view-light .light-left-side,
.woocommerce.archive .content-product h2.product-title,
.woocommerce.archive .content-product .products-page-cats,
.woocommerce.archive .content-product .price {
    text-align: center;
}
@media (max-width: 480px){
    .woocommerce-shop .content-product .product-content-image,
    .single-product .content-product .product-content-image,
    .woocommerce.archive .content-product .product-content-image {
        width: 94% !important;
    }
}

Can you please check again?

Best Regards,
8Theme’s Team

#389925 Copied

Ajaz

Participant

April 4, 2024 at 10:48

Fab, resolved.

#390008 Copied

Andrew Mitchell

Support staff

April 4, 2024 at 10:48

Dear Ajaz,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#390009 Copied

Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Category Product View Misalignment via Submenu…’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Can’t Load New Menu Items to our Main Menu

2 years, 3 months ago
Main menu link should not redirect to specific page

2 years, 11 months ago
Translate Search Top Header

3 years ago
filters on mobile

3 years ago
Italian Traslation

3 years, 7 months ago
Issues!!!!

3 years, 6 months ago
error under the articles

3 years, 12 months ago
max-height of widgets

1 years, 4 months ago
Can't create mega menu

4 years, 6 months ago
Vimeo showing url instead of embedding video

5 years, 3 months ago

Category Product View Misalignment via Submenu…

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection