I formally had my header and footer set to be stretched so it covered full width of the screen. I now wish to narrow the screen to see inframe ad space.
I have gone into theme panels, templates, force full width, and set all settings to “No Stretch” but still the header and footer are stretched to full width of the site.
I managed to fix the blocks within TagDiv composer.
Any advice on next steps ?
If you set the background image the theme should switch to a “boxed” version.
I don’t want a boxed version.
I want the header and footer to not stretch as per the settings in theme panel.
Hi,
Header style 10 that you are using is a full width header style, it can’t be reduced to a specific size. It will be reduced automatically when a general background is set.
Same for the footer, it will always be full width, unless a background is set. Both header and footer can be stretched, useful when a background is set and you want them to be full or specific width.
I could give you a code to set a max width for the header, header affix, footer Instagram, footer and sub-footer, you could give it a try
– http://prntscr.com/llgnb7
– http://prntscr.com/llgnr4
.td-header-style-10,
.td-header-menu-wrap.td-affix,
.td-footer-instagram-container,
.td-footer-template-13,
.td-sub-footer-container {
max-width: 1068px;
margin-left: auto;
margin-right: auto;
}
Thanks
