Add a semi-transparent "rectangle" with coding

Site URL: https://www.davidplaisant.com/

Pass: cagliari

Hey everyone! I'm working on this website. Right not it look like this (pc.1) but especially in the mobile version it's kinda impossible to make the dark toogle and the clock visible. For this reason I'd like to add a fixed semi-transparent bar at the bottom (pic.2) "just in the mobile version". Could someone help me with that? Thanks everyone! 

On 3/25/2022 at 1:21 AM, Cardamomo1991 said:

Site URL: https://www.davidplaisant.com/

Pass: cagliari

Hey everyone! I'm working on this website. Right not it look like this (pc.1) but especially in the mobile version it's kinda impossible to make the dark toogle and the clock visible. For this reason I'd like to add a fixed semi-transparent bar at the bottom (pic.2) "just in the mobile version". Could someone help me with that? Thanks everyone! 

Try adding to Home > Design > Custom Css

.dark-mode-toggle {
  width: 100%;
  bottom: 0;
  padding: 5px;
  left: 0;
}

.dark-mode .dark-mode-toggle {
  background: rgb(48,48,48,0.5);
}

Let me know how it works on your site

My testing