Urgent: Add gradient color line below megamenu/header

Store Design
1

Hi.

I use the Warehouse theme and I would really like to put a colored line/strip below the submenu like this site here: flystorebrasil.com.br

This site uses the same theme as mine.

If you can help me I will be really grateful!

My website if you need: blasti.com.br

1 Like
2

1.Search this one class header nav file [ nav-bar ]
2.After nav div add this one code.

Screenshot :- https://prnt.sc/23om1xd

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.min.css and paste this at the bottom of the file:
.color-line {
background: linear-gradient(to right,#191919 0,#673ab7 20%,#9737ff 50%,#673ab7 85%,#191919 100%);
height: 5px;
}
1 Like
3

Hello,

Apply this style in theme.css file

.nav-bar {
    border-bottom: 5px solid #4a0298;
    border-style: solid;
    border-image: linear-gradient(to right bottom, #14002a, #a053df);
    border-image-slice: 1;
    border-top: 0;
    border-left: 0;
    border-right: 0 !important;
}

Thank you.

1 Like
4

no use in code

1 Like
5

Thank you very much my friend, it worked perfectly!

1 Like
6

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.

1 Like