Changing sidebar content alignment

Site URL: https://chiickenk.com/

I'm using the Wells template, where the sidebar content is aligned to the top left, and subnavigation elements open downwards. Is there a way to align the sidebar content to the bottom and have it open upwards?

I made quick mockups as to how I want it to look, attached here.

Thanks!

Add the following to Design > Custom CSS.

@media only screen and ( min-width : 801px ) {

  body.sidebar-position-left #headerWrapper {
  
    bottom : 40px;
    top : unset !important;
    
    }
  }

This is for v7.0 using the Wells template.

Let us know how it goes.

That worked perfectly, thank you so much!

Follow-up question, is there a way to keep the header where it is on mobile and only apply this to web?

I have updated my code post.

Appreciate it!!