Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #2276306
mobile view Single page order
Closed

Comments

  • vipcom started the conversation
    January 20, 2020 at 8:50pm

    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

  •  2,699
    PenciDesign replied
    January 21, 2020 at 4:54am

    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 replied
    January 21, 2020 at 9:25pm

    Hello,

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

  •  2,699
    PenciDesign replied
    January 22, 2020 at 4:00pm

    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
    January 23, 2020 at 4:10pm

    This worked.

    Thanks