Position image widgets next to each other


Is it possible to position the 2 image widgets in the side bar of my website next to each other, instead of below each other? Also keeping in mind that it would still be responsive when using the website on a mobile device?

I have attached a screenshot. http://fietsdewereldrond.nl


hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

aside#media_image-3 {
    display: block;
    float: left;
#secondary .input-group {
    float: left;

Colorlib Support Team

Thank you for the quick feedback!
Almost there :slight_smile:

The widget is fixed, so when you scroll down the page you will see that the widgets are placed under each other again. Can this be resolved?



Ok, please remove the previous css and use this one:

aside#media_image-3, aside#media_image-2 {
display: inline-block;

Hello Noda,

It seems not to work yet. Can you please check.


Hi Ralph,

Apologies for the late reply.

That modification i.e. keep it side by side on scroll, is not possible with CSS only as the changes are made dynamic using some JavaScript to make the those elements fixed.

Could you consider getting this modification done by the guys from here https://colorlib.com/out/envatostudio