Skip to Content
Menu
This question has been flagged
1 Reply
1411 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
9824
2
Jul 25
956
4
Jun 25
1083
1
May 25
1335
2
Apr 25
1463