• 

  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

  Participant

  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

  Participant

  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)