Site logo

Archived topic

Is there Possibility to switch "splits" in mobile

5 replies · Started by Jenny on August 16, 2021

Viewing posts 1–6 of 6

Hello :)

Is there a possibility to switch this 2 Splits on mobile?

https://ibb.co/yXGW066

It would be very kind if you could help me.
Happy new week,
Jenny

Hi Jenny,

Are you trying to achieve something like this? https://share.getcloudapp.com/8Lu5wlJY

If so, you can try adding this CSS:

@media (max-width:768px){
    .inside-navigation.grid-container.grid-parent {
        display:flex;
        flex-direction: row-reverse;
    }
}

Hello Elvin,

thanks a lot, but its simplier I think
https://ibb.co/C9L76vw

I just want to change this 2 Elements on mobile.

Can you have a look again?

Ah my bad I though you were pertaining to the header.

I see you're using core Column blocks.

Try adding this CSS:

@media(max-width:768px){
.mobile-row-reverse {
    flex-direction: row-reverse;
}
}

And then edit the page and go to the Columns block you're using and add mobile-row-reverse to the additional CSS class(es) text field. :)

Or a better alternative would be to use Generateblocks' Grid Block https://docs.generateblocks.com/article/container-overview/#order

Dear Elvin, that didn't worked - but I found an other solution.
Thank you for your help 🌻

Jenny

Thanks for letting us know. Glad you got it sorted. :D

This archived topic is closed to new replies.