Contact drawer in header

[Ab52]

Hello everyone,

I want to have a header contact drawer only on desktop working like my attachment. I want to be able to edit the content through shopify. Can someone help me?

what i want:  https://cdn.shopify.com/videos/c/o/v/3e0336050c7b4d37aee37b3509224de2.mp4

weblink: https://3lo1nnaxknuj5ldk-74144612617.shopifypreview.com

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @Ab52 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media only screen and (min-width: 600px) {
.header__secondary-nav {
    right: 40px !important;
    position: relative !important;
}
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[BSS-TekLabs]

If you want like that, please add more this code 

<style>
@media only screen and (min-width: 600px) {
.header__secondary-nav nav.header__link-list {
    left: 110px !important;
    position: fixed !important;
}
</style>