HELP: How to create additional lines in color above top and below main menu?

Hello,

Those lines were added custom in the news magazine demo If you want to replicate them, they can only be added through coding. Here is the code used on the demo: https://www.screencast.com/t/I0amrVg4

Thank you!

Hi,

If you could provide a link to your website we will give you a more accurate solution (code). We will give you a code to set a top border for the top menu, and a bottom one for the main header menu, as you want.
That rectangle appears when a keyword is searched in the code, to highlight it. It is added by the program we use
– https://www.screencast.com/t/nXi7T5qn

Thanks

Hello,

Try to add this code in the theme panel-> custom css box:

.td-header-top-menu-full {
border-bottom: 1px solid #e9e9e9;
border-top: 4px solid #009688;
}
.td-header-style-1 .td-header-gradient::before {
height: 5px;
position: absolute;
bottom: 0;
background-color: #009688;
}

Your site is not boxed however so the lines will go full width. If you want to have it boxed as the NM demo, you will have to add a background image in the background section of the theme panel.

Thank you!

Hi,

The News Magazine demo uses header style 1, not header style 3. Here you can see how all the header style look
– https://forum.tagdiv.com/header-styles/
If you were to change the header style to a different one the code will need modifications.

Thanks

Hi,

I believe this is how you want it to be
– https://www.screencast.com/t/EmBbohb7dWev

.td-header-style-3 .td-header-main-menu {
border-bottom: 4px solid #2A79AB;
}

Let us know if the code needs modifications, or you want a different result.

Thanks

Hi,

I could give you a code for that, with this result
– https://www.screencast.com/t/K3fe8j8mM

.td-header-style-3 .td-header-main-menu {
width: 1164px;
}

Enter it in Theme panel->Advanced CSS in the desktop section, so it applies only on desktop.

Thanks