robertgarrigos's picture

Posted by robertgarrigos on Thu, Jul 13, 2023 - 8:57am

Is there an easy way, in core or with a contrib module, to have the right blocks on top of a mobile display? Right blocks normally are shown at the bottom of the mobile display, but I want them on top. Thanks.

Accepted answer

Thanks. This did the job:

@media (max-width: 767px) {

 .l-sidebar{

  order: -1;

  margin-bottom: 1rem;

 }

}

Comments

Thu, Jul 13, 2023 - 9:12am by yorkshirepudding

I've used the css property order: -1; within a media query on divs within a paragraph where we wanted the order of left-right swapped on mobile so image was always above text.

I imagine that would also work at the region div level. 

 

robertgarrigos's picture

Thu, Jul 13, 2023 - 9:25am by robertgarrigos

Thanks. This did the job:

@media (max-width: 767px) {

 .l-sidebar{

  order: -1;

  margin-bottom: 1rem;

 }

}