Get Free Audit

How to Сhange Blocks Position on Mobile in Prestashop

May 24, 2016

681 Lena Tsybulenko

How to Сhange Blocks Position on Mobile in Prestashop

Here is a small tip for those who are getting started with Prestashop and are making their first steps in Front-end development.

This article will describe how to make the UI better on mobile, and in particular how to change blocks position on mobile in order to make it suitable for reading by mobile users. Here is the example .

How to Сhange Blocks Position on Mobile

We need to place the third block after the first one on mobile devices. It is a quite simple thing to do using jQuery. Just place the third block after the first one for screen resolution smaller than 768px, and place it back in other case. We need to code it inside of the resize function. The resize event is sent to the window element when the size of the browser window is changed.

Igor Dragun
Partner With Us Let's discuss how to grow your business. Get a Free Quote.
Talk to Igor


That’s it.

Igor Dragun
Partner With Us Looking for a partner to grow your business? We are the right company to bring your webstore to success. Talk to Igor

Post a new comment

BelVG Newsletter
Subscribe to our mailing list and get interesting stuff and updates to your email inbox.
Email *