How can I change the order of blocks to display correctly on mobile?

  • I am using Feminine Style Pro theme and cannot change the order of the reusable blocks to display correctly on mobile devices.

    The blocks display correctly on desktop, but are automatically pushed down on mobile, which makes them appear in the wrong order.

    I’m using Gutentor – WordPress Page Building Blocks.

    How can I rearrange them for mobile?

    Here is a video explaining the problem.

    https://tinyurl.com/2bskhrtq

    Thank you in advance for your time and any help you can provide.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)

  • Hello @stewcando ,

    You cannot do this from the settings for the blocks but here is the solution. Please follow the following steps.
    You need to do these steps on the alternatives blocks(section).

    1. On the Default Advanced => Additional CSS class(es) add a class at-mobile-view-manage Screenshot
    2. From Advanced Tab go to Raw Custom CSS and add the following custom CSS
      Screenshot

      @media screen and (max-width: 767px) {
  .at-mobile-view-manage .grid-row{ 
     flex-direction: column-reverse;
  }
}

    Best Regards!

Viewing 1 replies (of 1 total)
  • The topic ‘How can I change the order of blocks to display correctly on mobile?’ is closed to new replies.