Underline in Mobile Menu

Hello,

I checked your website and seems you have the line => https://www.screencast.com/t/RJ7gLSOVCey.
Do you want the line to be here => https://www.screencast.com/t/iVAQsOfMKN ?
This can be done only with custom code.

Thank you!

Hello,

If you are referring to this line, it can be add on the standard header only with custom css => https://i.imgur.com/QxpOnXd.png, you need to add the custom code in Theme Panel -> Custom Code -> Advanced CSS -> Phones => https://www.screencast.com/t/1Wcj3wHXyR,

.td-header-style-10{
border-bottom: 2px solid red;
}

Also, it can be achieved, using a cloud header from tagDiv Cloud library, you can edit it with tagDiv Composer and add that line.

Hope this helps you!

Thank you!

Hello,

I check your website, and seems you have a color which applies on the mobile menu => https://www.screencast.com/t/pGXAlaqzV9o , the opacity for that color is set to 0 it will look like this => https://www.screencast.com/t/lYR4ScqTTOzu
Please check the color for the mobile menu from Theme Panel -> Theme Colors => https://www.screencast.com/t/vybp715Ay2tC

If you want to keep the current mobile sticky layout you can use this custom CSS => https://www.screencast.com/t/jAQqPgZBTf

body .td-header-style-10 .td-header-gradient::before {
bottom: -4px;
}


Hope this helps you!

Thank you!

Hello,

Please insert this code in Theme Panel -> Custom Code -> Advanced CSS -> Phones

body .td-header-wrap .td-header-menu-wrap {
background-color: transparent !important;
}
body .header-search-wrap .td-icon-search
{ color: #fff !important;
}
body #td-top-mobile-toggle i
{
color: #fff !important;
}

Will look like this => https://www.screencast.com/t/FmkugC6AuA .

Hope this helps you!

Thank you!

Hello,

Thank you for your kind words! I am glad to see happy customers!
If you have some questions regarding our theme, just let us know!

Have a nice day!