Right Side Bar Fixed above content in responsive mode

[gimmechefs]

Hi Guys

You very kindly gave me a css snippet to make the left sidebar display on the top of the main content in responsive mode which works perfectly.

Can I be a pain and ask you for the snippet for a sidebar right, content left page layout? The original left side sidebar snippet you gave me is:

@media (max-width: 980px) {
.x-sidebar-content-active .offset.cf {
display: flex;
flex-direction: column-reverse;
}
.x-sidebar.left {
margin-top: -10px;
}
}

Thanks so much in advance.
Max

[ruenel]

Hello There,

Thanks for writing in!

To resolve your issue, please have the code updated and make use of this instead:

@media (max-width: 980px) {
  .x-content-sidebar-active .offset.cf {
    display: flex;
    flex-direction: column-reverse;
  }
  
  .x-sidebar.right {
    margin-top: -10px;
  }
}

We would loved to know if this has work for you. Thank you.

[gimmechefs]

Hi RueNel

That worked perfectly. Thanks again for your awesome support service.

Max

[thai]

You’re welcome.