HELP: Images on mobile display one underneath the other

Hello friends,

awesome support up until this point. Thanks for taking the time for each and every problem.

Our website is: www.neylux.com
We have the following issue: I created my own sub-menu (see here: https://www.neylux.com/en/services/sap-travel-management/ ), which looks amazing on Desktop, but when I open it on mobile, all the pictures display underneath each other.

Is there a way the pictures just get smaller, but remain next to each other, so that the customer can easily navigate (see attachment)?

Thank you guys
Best regards

Hey there,
I hope you’re doing well today

Unfortunately the images aren’t being displayed.
I’m getting SSL based error in the inspect tool.

I’m going to ask you to install the following plugin and use it to rectify any SSL conflicts.

Best Regards,
Support

Thank you for the feedback, Support.

I fixed the errors. Could you please take another look?

Regards

Hi,

It seems you’re using a plugin for columns, I suggest you to contact the plugin author about this issue. That is how grids works in CSS, it goes below when the screen size is small for better readability,

but use this Custom CSS in Appearance -> Customize -> Custom CSS, it helps somewhat, to make that show in one line, but contacting plugin author is recommended about displaying that in one line for mobile.

@media only screen 
  and (max-width: 480px) {
.csColumn {
    clear: initial !important;
    float: left !important;
    margin: 10px !important;
    width: 8% !important;
}
}

Let us know,

Thanks,
laranz.,