Return to previous page

Xstore Resolution Problem - by Gry4you - on WordPress WooCommerce support

This topic has 7 replies, 3 voices, and was last updated 6 years, 7 months ago ago by Rose Tyler

Gry4you

Participant

March 27, 2018 at 14:09

Hello,

I created a website in the resolution of 1920×1080 (Full HD), but when I open it on most computers with a resolution of 1366×768, most of the elements are moved, including the menu, the slider, etc.

Is there any possibility of scaling the page, that it looks good on computers, tablets and mobile?

Regards
Damian

#189394 Copied Theme version: 4.21.1 WooCommerce version: 3.3.4

6 Answers
Olga Barlow

Support staff

March 28, 2018 at 15:33
Hello,

You can try zoom and media queries. For example
```
@media (max-width: 1500px) and (min-width:1120px){
body {
  zoom: 0.8;
}
}
@media (max-width: 1120px) and (min-width:993px){
body {
  zoom: 0.7;
}
}
```
Regards
#189558 Copied
Gry4you

Participant

March 29, 2018 at 14:59

Hello Olga,

I tried the css code, but it doesn’t work. Scaling site it works, but the whole page has shifted to the left. Look below:

https://gry4you.com/wp-content/uploads/2018/03/scaling1.jpg
https://gry4you.com/wp-content/uploads/2018/03/scaling2.jpg
https://gry4you.com/wp-content/uploads/2018/03/scaling3.jpg

How to modify this css code?

Regards
Damian

#189693 Copied Theme version: 4.21.1 WooCommerce version: 3.3.4

Gry4you

Participant

March 29, 2018 at 16:16

Hello,

How to change width of woocommerce step order page?
https://gry4you.com/wp-content/uploads/2018/03/woocommerce_order_width1.jpg
https://gry4you.com/wp-content/uploads/2018/03/woocommerce_order_width2.jpg

Products, payment info, login and next page button, back to cart button are bigger then other info!

Regards
Damian

#189714 Copied Theme version: 4.21.1 WooCommerce version: 3.3.4

Olga Barlow

Support staff

March 29, 2018 at 16:33

Hello,

Problem caused by this style http://prntscr.com/iy3bju But it’s not the native code of the MA plugin. By default, they have 100% there http://prntscr.com/iy3c5a . Did you change plugin styles?

Regards

#189718 Copied

Gry4you

Participant

March 30, 2018 at 11:56

Hello Olga,

I changed the .mpc-row settings and return max-width: 100% and everything returned to normal, but still I have a problem with width of order page:
https://gry4you.com/wp-content/uploads/2018/03/order_page_width1.jpg
https://gry4you.com/wp-content/uploads/2018/03/order_page_width2.jpg
https://gry4you.com/wp-content/uploads/2018/03/order_page_width3.jpg

I don’t know how to change size of order page.

I will try to find settings to change “Your order” and “Payment” on order page:
https://gry4you.com/wp-content/uploads/2018/03/your_order_1.1.jpg
https://gry4you.com/wp-content/uploads/2018/03/your_order_2.jpg

I would like add css code to change settings:
text-transform: uppercase;
font-size: 16px;

Regards
Damian

#189802 Copied Theme version: 4.22 WooCommerce version: 3.3.4
Rose Tyler

Support staff

March 30, 2018 at 14:07
Hello,

1. This custom css code also need to be deleted https://prnt.sc/iyi7qc
2.
```
h3#payment_heading, h3#order_review_heading {
    text-transform: uppercase;
    font-size: 16px;
}
```
Regards
#189827 Copied
Viewing 7 results - 1 through 7 (of 7 total)