ASTRID FREE - Change position of widget in MOBILE VERSION

Hello, i am using ASTRID FREE on my website www.furotartdesign.com
On Desktop version all is ok, i really like it but, on MOBILE version, the visualization of homepage (for example) is not nice because while in the desktop version is ok (with full page, because if i shrink the desktop version, obviously than i have the same visualization problem of mobile version) on mobile version you can see Text a vertical sequence like this :
text - Image - image - text - text - image - image - text - image

It would be better if the sequence would be:
text image - text image - text image - text image - text image

Otherwise is difficult to associate the image to its relative test.

Is it possible to assign some “comparison order” to text widget and image widget but only for mobile version or in case of desktop shrinked window version ???

Thank you
Armando

Hello Armando,

You can try to use the following CSS code.

You can add CSS code in Dashboard → Appearance → Customize → Additional CSS.

@media (max-width: 991px) {
    .multicolumn-row {
        display: table;
    }

    .multicolumn-row:nth-of-type(even) .widget:first-child {
        display: table-footer-group;
    }
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Hello Roman,
every time i read your answer, i feel like a butterfly :smiley: :smiley: :smiley: !!!

Thank you VERY much for your help.
Now it works perfectly, i totally like it !!!

Thank you again
Armando

You are always welcome Armando! :slight_smile:

By the way, it would be nice if you leave your feedback for Astrid theme on WordPress.org (if you haven’t done it already, of course), here is a quick link :slight_smile:

Kind Regards, Roman.

Will be a pleasure !!!

Done !!!

Armando

Thank you very much Armando! And have a nice day :slight_smile:

Kind Regards, Roman.