Make header menu customized in debute theme

[Avantika01]

Reference website link: https://purebaby.com.au/

As you can see the header is customised. I want to do similar thing in my website.

My website link: https://greendeerkids.myshopify.com/

ps: veep

Please help @suyash1 @Zworthkey @infoatcodelab7 @Dbuglabpvtltd @AvadaCommerce @LitExtension @Dbuglabpvtltd @AlexanderKunz @makers18 @JoesIdeas

[DelightCart]

@Avantika01 May this help you. Click Here

[Avantika01]

Tnx for it. But this didn’t helped.

[Sajeel]

for making nav item red find this code in header.liquid. make a class in theme.css

.red{color:red !important;}

add this code in header.liquid find li item and replace with this code

<a href=“{{ link.url }}” class=“nav-link {% if link.title == “SALE” %} red {% endif %}”>

make sure the nav item title is same as used in if condition

also paste this in theme.css

@media only screen and (min-width: 750px)

{
.logo-align–left {width: 12%;

}
#AccessibleNav{width:76%;}
.site-header__icons{width:12%;}
}

.site-nav__label {
padding-bottom:15px;

}

[Sajeel]

i am also using same layout according to your refference site

let me know if you want anything else

[Avantika01]

Thank you so much for your help.

Although this code also worked for me. I putted in theme.css

.site-nav li:nth-child(5) a {

color: red;

}

If you can please help me to make product page like this: https://purebaby.com.au/products/4-pack-rib-singlet-white-pack

As this page have 4 sections for description. i:e; details, info & care, delivery…

I want same as it in my store.

[Sajeel]

for that you have to do custom coding to add accordions

[Sajeel]

your nth child code will conflict when you will use sub menu

[Avantika01]

There isn’t any way to achieve it?

[Sajeel]

go for app or hire any developer who will code for you

[Sajeel]

use this app Custom Product Accordion Tabs