How can I adapt my Venture theme header for the Dawn theme?

[vanityapparel]

I made this header for 1 of my websites(https://vanity.clothing) in the venture theme cant quite figure out how to make it work on the dawn theme(https://xn-u1a6ct21n7ad2p.myshopify.com/)

[Simonsron]

you can try {{collection.handle}}

[vanityapparel]

not sure what you mean

[PageFly-Victor]

Hi @vanityapparel

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

@media screen and (max-width: 749px){

ul#AccessibleNav {

display: flex;

flex-wrap: nowrap;

justify-content: space-around;

}

}

Hope my solution works perfectly for you!.

Best regards,

Victor | PageFly

[Simonsron]

Sorry!

I thought you were talking about just a title. On the first site he is a menu, you can also find header.liquid on your second site and define a menu.

You can try:

header .list-menu{
    display: flex;
    list-style: none;
}

[vanityapparel]

worked a bit but its still looks weird its too spaced out and its not white

[Simonsron]

#AccessibleNav{
    display: flex;
    justify-content: center;
    list-style: none;
}
#AccessibleNav li a{
   display:block;
   padding:4px 10px;
   color:#fff;
    text-decoration: none;
}

[PageFly-Victor]

@vanityapparel

You can try again with this code:

a[href="/"], a[href="/pages/lookbook"] {
    color: white;
    font-weight: bold;
    text-decoration: unset;
}

@media screen and (max-width: 749px){
ul#AccessibleNav {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
}
}

[vanityapparel]

Got it to work just need it centered

[Simonsron]

#AccessibleNav{
    display: flex;
    justify-content: center;
    list-style: none;
     padding-left:0;
}

add padding-left:0;