Navbar with 100% width on the tech theme

Posted in: Newsmag
Post count: 8

Question above. I am unable to get the navbar with full width on the tech theme. Thank you for the help.

Post count: 35449

Hi Asdria ,
The navigation bar on the tech demo is made full with with custom css that is set in the code of demo.
Normally, just installing the demo should make the navigator bar full width -> https://i.imgur.com/evbuNHt.jpg
If this is not what you mean, please let me know!
Thank you!

Post count: 8

Hey, yeah sorry my bad. I choose a different header style in the theme options. The navbar on my tech theme looks like the one from the “Sport” news theme. Is there a way i can style this navbar in css to get 100% width? Thank you!

Post count: 35449

Hi,
I think that you can try a code like this one:
.td-header-container {
width: 100%;
background-color: #222;
}
.td-header-main-menu {
width: 1021px;
margin-left: auto;
margin-right: auto;
position: relative;
display: table;
}

Set the code in the theme panel> custom code> custom css.
Thank you!

Post count: 8

Thank you very much. My Problem was solved with this code:

.td-header-container {
width: 100%;
}
div#td-header-menu {
margin-left: auto;
margin-right: auto;
position: relative;
display: table;
}

Post count: 35449

I’m glad that you manage to achieve what you needed!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newsmag’ is closed to new topics and replies.