How to add shadow and border to header on desktop

[ecomlegend01]

Hi, on mobile my header has a border, and also a slight shadow. On desktop this is not true. How can I get the same effect on my header on desktop, and is it possible to align the menu items in the header on desktop to the left (so on the right side of the logo). Many thanks in advance!

Store = https://stylonhair.nl/products/stylon-multistyler%E2%84%A2-complete-set

[suyash1]

@ecomlegend01 - please add this css to the very end of base.css file and check

@media (min-width: 1025px){
 .header-bottom{box-shadow: 0 1px 3px #0000001a;}
.header-bottom-left{order: 2; flex-basis: 33.33%; display: flex;}
.main-menu.header-bottom-center{width: 33.33%;}
}

[Guleria]

Hello @ecomlegend01 ,

To add shadow in desktop:

1. Go to Online Store->Theme->Edit code
2. Asset->base.css-> paste bellow code in bottom of file

.header {
    box-shadow: 0 1px 3px #0000001a;
}

Thanks