Return to previous page

Text on mobile devices is centered. - by Peter

This topic has 3 replies, 2 voices, and was last updated 2 years ago ago by 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.

#341903 Copied Theme version: 8.3.8

2 Answers
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.
#341917 Copied
Peter

Participant

December 20, 2022 at 10:43

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

#341920 Copied
Tagged: centered, mobile, persuasive, text, themes, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)