wrong coding for site need help

The first photo I used code a user icon in my site it worked but it moved over the cart icon that nobody can see on the site when not on mobile and I need the cart moved to the left 

The other photos I used code to get a drop down menu but the thing is that the background changes when on different pages and I want the menu background to be just black no matter what page you're on

www.moonscrib.com

password is starlight

Add to Design > Custom CSS

.header-display-desktop {
    align-items: flex-end;
}
.header-nav-folder-content {
    background-color: black !important;
}

.header-nav-folder-content * {
    color: white !important;
}

Thank you sooooo much it looks perfect! Your really good at what you do @tuanphan lastly I need to move the cart icon to the left on desktop

8 hours ago, Moon821 said:

Thank you sooooo much it looks perfect! Your really good at what you do @tuanphan lastly I need to move the cart icon to the left on desktop

Cart icon or Login icon??

@tuanphan the cart icon its on the site but it's hard to notice because of the login icon for some reason moved it over to the right and I need the cart over to the left so anyone can see it

On 2/27/2022 at 9:29 PM, Moon821 said:

@tuanphan the cart icon its on the site but it's hard to notice because of the login icon for some reason moved it over to the right and I need the cart over to the left so anyone can see it

Try adding to Design > Custom CSS

.header-actions--right .header-actions-action {
    position: absolute;
    left: 0;
    margin-top: -10px;
}

I meant I want the cart icon and the login icon to stay on the right side next to each other but shifted over to the left a little lol sorry for the confusion @tuanphan

On 3/3/2022 at 8:18 PM, Moon821 said:

I meant I want the cart icon and the login icon to stay on the right side next to each other but shifted over to the left a little lol sorry for the confusion @tuanphan

Try adding to Design > Custom CSS

.header-actions-action.header-actions-action--cart {
    position: relative;
    right: 10vw;
}

Thank you now last thing I just need the cart icon and the login icon to be switched places so it looks better @tuanphan

On 3/10/2022 at 6:03 AM, Moon821 said:

Thank you now last thing I just need the cart icon and the login icon to be switched places so it looks better @tuanphan

Add to Design > Custom CSS

/* cart login icon */
.header-actions.header-actions--right {
    flex-direction: row-reverse;
    justify-content: flex-end !important;
}
.header-actions-action.header-actions-action--cart {
    right: 4vw;
}
.user-accounts-link.header-nav-item {
    margin-left: 0 !important;
    position: relative;
    left: -2vw;
}

It didn't change anything their still not switched @tuanphan

12 hours ago, Moon821 said:

It didn't change anything their still not switched @tuanphan

Don't remove any code in your current code. Then add above code

that's what I did the first time and it didn't switch at all @tuanphan

Hi. It sill doesn't work?