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?

1 Answer 1


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

  • Thanks this is what i need! However i didn't even notice that this template was Sass and have been modifiying the styles.css (not to familiar with sass and scss until this morning). So do i recompile the _var.scss using ssh like so: sass _var.scss ../css/styles.css and overwrite my old styles sheet or does it go somewhere else? Thanks
    – harri
    Commented Feb 26, 2016 at 9:52
  • i think it will overwrite the existing css file
    – Lorenzo
    Commented Feb 26, 2016 at 15:56

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.