Archived topic
Is there Possibility to switch "splits" in mobile
5 replies · Started by Jenny on August 16, 2021
Hello :)
Is there a possibility to switch this 2 Splits on mobile?
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