Hello

In the General -> Responsive Options tab of your template style settings, try setting the Sidecolumn Positioning option to Before Component.

Ciaran

Hi Ciaran
No, the problem with that is that it shows the module above the homepage content and there is a massive amount of padding between these items.
As it is now, the module I want to see in top position is last of 4 modules on the homepage.

Regards
Terry

Hi Terry

Do you wish to reduce the padding between these items on smaller screens?

Ciaran

Hi Ciaran
I responsive mode, I need the table booking module directly under the homepage text with minimal padding. (if that's possible)

Regards
Terry

Hi Terry

Unfortunately it is not possible to change the order as they are in different containers. One option may be to create an duplicate of your contentbottom module and place it in the sidecol position after your booking module. You can then only display this module on mobile and hide the original using https://joomla51.com/tutorials/joomla-basics/hide-a-joomla-module-on-mobile-devices

To remove the padding, you can add the following to the Responsive Custom CSS fields within the General -> Responsive Options tab of your template settings. For more details on using these fields may I suggest the following article... https://joomla51.com/tutorials/template-parameters/applying-custom-css-to-a-screensize-device

.sidecol-a .module_surround {

    padding-top: 0px !important;

}

Ciaran