Magento - change the width that RWD theme turns mobile

magento.stackexchange https://magento.stackexchange.com/questions/103520

  •  29-09-2020
  •  | 
  •  

Question

Hello i have modified a RWD theme for my store but have found that on ipads in portrait mode have turned mobile.

I want to change the width that RWD changes to a mobile view with dropdown menus to be slightly less than the ipad portrait width?

Was it helpful?

Solution

In Magento RWD theme breakpoints are defined in _var.scss at line 49: $bp-xsmall: 479px; $bp-small: 599px; $bp-medium: 770px; $bp-large: 979px; $bp-xlarge: 1199px;

You have to change the $bp-medium value. After that remember to update app.js at line 34 and to recompile css files

Licensed under: CC-BY-SA with attribution
Not affiliated with magento.stackexchange
scroll top