Theme development

My theme is a subtheme of Bootstrap5. I only have content in the Main content region and in Sidebar second (nothing in Sidebar first).

On large screens, I want to show them side by side, with the Main content on the Left and the Second sidebar on the right. This happens by default.

On mobile screens, I want to show them stacked, with the Second sidebar on top and the Main content below. Currently, it is the other way round (Main content on top and Second sidebar below). How can I switch them around on mobile?

Im the Wallclock module, I have the following Javascript library defined in wallclock.libraries.yml:

digital:
  css:
    component:
      css/wallclock.css: {}
  js:
    js/digital.js: { weight: -1 }
  dependencies:
     - core/jquery
     - core/jquery.once
     - core/drupal
     - core/drupalSettings

The file js/digital.js contains:

I maintain a module that provides a block with a wall clock embedded – Wallclock. The clock is mainly created in a file called templates/wallclock.html.twig, which consists of some SVG to create the clock and hands. In this template I've put placeholder for some text, which shows as "This string should be placed just below the clock face."  This is how in currently looks if the block with the block is placed inside the main content region:

I want a submenu in the page sidebar.
The menu structure is as follows.

----

Parent_A
　- Child_A1
　　　- Grandchild_A1-1
　　　- Grandchild_A1-2
　- Child_A2
　- Child_A3
Parent_B
　- Child_B1
　- Child_B2
　- Child_B3
Parent_C
　- Child_C1
　- Child_C2
　- Child_C3

----

When browsing the page of [Parent_A], the menu I want to display in the sidebar is:
This is the same when displaying the page of [Child_A1] or when displaying [Grandchild_A1-1].

----

Hi. Please help.

This is my code: 

<div class="mx-6">

{% if multiple %}

<div>

{% endif %}

{% for item in items %}

{# Node content #}

{{ item.content }}

{% endfor %}

{% if multiple %}

</div>

{% endif %}

</div>

output is something like this: 
 

Does anybody know where disappear COLOR SCHEME in the Bartik theme? 

Previously we could have changed the background color in the Header section through the theme:

1. Home 
2.  Administration 
3.  Appearance 
4.  Appearance Settings 
5.  Bartik = Color Scheme

Version 9.4.5 does not have that... :( 

It was very easy to modify background colors in the HEADER. Maybe it is somewhere else? 

Raf.