Text on mobile devices is centered. - by Peter

This topic has 3 replies, 2 voices, and was last updated 1 years, 4 months ago ago by Peter

  • Avatar: Peter
    Peter
    Participant
    December 20, 2022 at 09:05

    1. Where can I change so that the text on mobile devices is not centered?
    It needs to be changed in the product for now.

    2. Why is the add to cart button so big on mobile and overlapping the box next to it?
    where it can be reduced.

    Please, contact administrator
    for this information.
    2 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 20, 2022 at 10:27

    Hello, @Peter,

    1. Simply go to the Dashboard >> XStore >> Theme Options >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.

    @media(max-width:576px){
    .woocommerce-product-details__short-description p{text-align:left !important;}}

    Then save settings and check back to your site after clearing the browser cache.

    2. In order to solve your issue simply go to the Dashboard >> XStore >> Theme Options >> Theme Custom CSS >> Global and then paste the below code at the bottom of the CSS box there.

    @media(max-width:576px){
    .product-information-inner .single_add_to_cart_button{margin-left:10px !important;}}

    Then save settings and check back to your site after clearing the browser cache.

    Regards 8Themes Team.

    Avatar: Peter
    Peter
    Participant
    December 20, 2022 at 10:43

    Thanks.
    in the second case I had to add the “padding” modification and it’s ok.

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Text on mobile devices is centered.’' has been successfully resolved, and the topic is now closed for further responses

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