Skip to Content
Menu
This question has been flagged
1 Reply
1301 Views

Hello, I've built a website page using the Odoo Website app. However, the content order displayed on mobile phone view is reversed compared to the PC view. (see below screen shots) How can I make sure the content appears in the same order in the mobile view than the PC view? Thank you.

Avatar
Discard
Best Answer

Hii,

Enable Developer Mode in Odoo.

Go to your website page → Click Edit → Select the block showing reversed order.

Click the HTML/CSS icon (</>) or go to Customize → HTML/CSS/JS Editor.

Add This CSS to Fix the Mobile Order
@media (max-width: 768px) {

    .your-custom-class-or-section {

        flex-direction: column !important;

    }

}

Replace .your-custom-class-or-section with the actual class name of the section or block where the order is reversed.

Avatar
Discard
Related Posts Replies Views Activity
5
Aug 25
9679
2
Jul 25
857
4
Jun 25
977
1
May 25
1255
2
Apr 25
1357