Return to previous page

Variation swatches mobile view – exiting the page

This topic has 2 replies, 2 voices, and was last updated 2 years, 11 months ago ago by Olga Barlow

najmicreations

Participant

January 20, 2022 at 05:59

1. In mobile view the variation swatches are exiting the page. Please provide relevant code to adjust this.
Screenshot:
https://paste.pics/e487591f64c4af0fef6eeeab035a88cf

2. Also I want to add top padding to Shop Page and Cart Page. Please direct as to how to add

Please, contact administrator
for this information.

#314798 Copied Theme version: .8.0.12

1 Answer
Olga Barlow

Support staff

January 21, 2022 at 12:05
Hello,

Add the below code to Theme Options > Custom CSS
```
.single-product .template-container form.cart table.variations .label {
    width: auto;
    display: block;
}
```
Add the below code to add space on the shop and cart pages
```
.woocommerce-page .content-page {
    margin-top: 20px;
}
```
Regards
#314864 Copied
Tagged: best, exiting, mobile, page, selling, swatches, themes, variation, view, woocommerce
Viewing 2 results - 1 through 2 (of 2 total)