I'm using a responsive Magento theme but when I'm making a div or html block through Magento back-end it isn't responsive. I can hardcode it with mediaqueries but what is the easiest and quickest way to do it? because there is 20392013 different mobile screen sizes.


I suggest to install the web developer extension for your browser, then go to your theme online demo and through the above extension choose view responsible layouts. Then inspect the element that it does not appear well and make the changes in the css file of that element. The magento has four css files for mobile devices: mobile.css mobile-widescreen.css tablet.css tablet-widescreen.css

If you make the changes in those files then your static block would be responsive too.


If its boostrap, you can do the html simply by refering , http://getbootstrap.com/css/.

If we followe this, we can simple make any html responsive. Certain attributes need to add together with html. Its so simple and effective.

You can also use firebug to check in firefox

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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