How to move the shopping cart

Hi,

I’m trying to move the shopping cart – it’s the responsive bit – so transparent grey when on desktop and full bar when on mobile.

The mobile bit is fine, it’s the desktop one that’s a bit dodgy.

Whatever main menu I use the cart is either at the top (out of view) or it’s over the menu items OR it’s over the logo.

I found the <div> for it and made a few changes, but although this does actually move it across a bit it then seems to mess up the mobile view – I seem to end up with a single character way over to the right.

Hope that makes sense?

In fact, this is the bit of code I’ve been fiddling with;

#wlt_cartbox {
margin-right: -250px;
color: #fff;
padding: 8px 14px 8px 14px;
cursor: pointer;
float: right;
margin-top: -100px;

Any ideas how to just move it over a bit without messing things up?

Cheers.

Simon