Return to previous page

Single product layout at mobile - by umuto

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

umuto

Participant

June 10, 2019 at 21:00

Hi there. At mobile single product page all the content sticks to the left. How can I edit the width and also make them centered.

Please, contact administrator
for this information.

#215360 Copied Theme version: Newest WooCommerce version: Newest

1 Answer
Olga Barlow

Support staff

June 11, 2019 at 10:50
Hello,

There is no special option to edit the with of the single product container for the mobile or align it. You can do this using custom CSS if you have the CSS skills. For example, add the following code to Theme Options > Custom CSS
```
@media only screen and (max-width:768px){
    .product-information-inner {
        text-align: center;        
    }
    .product-share, .share-post {
        justify-content: center;
    }
    div.quantity {
        margin-bottom: 0;
        float: none;
    }
    .product-information .cart {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
```
Regards
#215371 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Industrial Power Tools Store – WordPress WooCommerce Theme

lazy-placeholder

Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Marketing – WordPress WooCommerce Theme

lazy-placeholder

Home Decor 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Restaurant – WordPress Theme

lazy-placeholder

Watches Store – WooCommerce Theme

lazy-placeholder

Lifestyle Blog – WordPress WooCommerce Theme

lazy-placeholder

Cleaning – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.