[smarthomeblissParticipant]

Is it possible to have the sidebar appear at the top of the screen when viewing on mobile instead of at the bottom?

Thanks, Trav

[RadModerator]

Hi there,

Thanks for posting in.

Yes possible, but it depends on your current site setup. Usually, this css would do as long as the sidebar is on right.

@media ( max-width: 979px ) {
  .x-content-sidebar-active .site > .x-container.max.width.offset {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }
  .x-content-sidebar-active .site > .x-container.max.width.offset > .x-main {
   -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
  }

Thanks.

[smarthomeblissParticipant]

Thanks for the response but unfortunately it didn’t work. I have the sidebar on the right. And I entered this in customize > custom > css. Is that correct?

Is there anything else I could try?

-Trav

[ChristopherModerator]

Hi there,

Please update your code to :

@media ( max-width: 979px ) {
  .x-container.max.width.main .offset.cf {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
  }
 .x-main.left {
   -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
  }
  }

Hope it helps.

[smarthomeblissParticipant]

Sweet! It totally worked! thanks!

[NicoModerator]

You’re most welcome.

Have a great day! 🙂

[Author]

Posts