I tried to create fake full-width top menus and footer-subfooter using css to add color to the external wrapper divs but this is no longer working in the new theme (6.x). How can we still achieve it without removing the site background color or image ?
Thanks !
-
This topic was modified 11 years by
Cosmin.
Hi,
Unfortunately when is used a background the site is change automatically to boxed version and you will need custom work to have full menus and footer as there is a fixed width on outer-wrap container – http://screencast.com/t/vgVaWQfuuvT which includes beside the content also header and footer. So it is not an easy task to make them full as you will need to change also the width for content, sorry!
You can try this custom css using media queries, but you may need additional customizations:
@media (min-width: 1180px) {
.td-boxed-layout #td-outer-wrap{
width: 100% !important;
}
.td-main-content-wrap {
width: 1164px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.td-boxed-layout .td-header-menu-wrap.td-affix {
left: 0;
right: 0;
}
}
Hope this helps!
-
This reply was modified 10 years by
Alin [tagDiv].
Hello,
Please provide a link to your site so we can see the header problem and inspect it.
As for the menu, you cannot stretch it beyond the container in order to fit more menu items, sorry. You can try an alternative for this by choosing a header style that will not show the logo besides the menu so you can have more space for menu items or reducing the padding between the menu elements. There is no simple solution for this unfortunately.
Thank you!
Hi,
Thanks for your reply. My site is https://windowsinsider.ro. I eventually managed to customize it to my preferences on my own through several CSS customizations. This thread can be marked as closed/solved.