mobile view Single page order

Public Ticket #10832

Conversation thread

vipcom replied

6 years ago

Customer Reply

This worked.

Thanks

PenciDesign replied

6 years ago

Staff Reply

Hi,

Ahh, sorry, please change the code I sent to this code:

@media only screen and (max-width: 768px) {
.container.container-single.two-sidebar #main{ order: 1; }
.container.container-single.two-sidebar .penci-sidebar-left{ order: 2; }
.container.container-single.two-sidebar .penci-sidebar-right{ order: 3; }
}

Best Regards,

PenciDesign

vipcom replied

6 years ago

Customer Reply

Hello,

This changes the order on desktop view. I only want this to apply on mobile view.

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please add more this code to Customize > Custom CSS to do that:

.container.container-single.two-sidebar #main{ order: 1; }
.container.container-single.two-sidebar .penci-sidebar-left{ order: 2; }
.container.container-single.two-sidebar .penci-sidebar-right{ order: 3; }

Change the order numbers: 1, 2, 3 to positions as you want.

Smaller values will display first.

Best Regards,

PenciDesign

vipcom started the conversation

6 years ago

Conversation Start

Hi,

In mobile view the Single post page using the LIFESTYLE NEWS 2SIDEBARS demo veritcal orders shows the right bar widgets, then content then left bar widgets.

How can i change this order?

Thanks

Want to join this conversation or access attachments? Sign in first.