Version 11 update breaks boxed site

Hi,

I’m using your pre-built ‘Construct’ site and the update to version 11 breaks the layout and does so even on your demo site. Please note the sticky header is pushed all the way to the right and the content container is no longer as wide as it used to be. As you can see in the demo site thumbnails, the ‘Construct’ site used to be the same width as the ‘Law Firm’ site. However, the ‘Law Firm’ site doesn’t use a sticky header and doesn’t seem to be effected by the update – see demo.

Given the number of complaints about the update, I thought the issues would be fixed by now, but as that hasn’t happened, please can you advise? I’ve tried updating automatically, as well as manually (theme and plugins), but this hasn’t made any difference. I’ve also read the threads regarding boxed and full width sites, but none of those fixes have worked either. As the issue exists on the demo site, I’m guessing it’s not my site/settings, so I’d be grateful if you could post a fix ASAP.

Many thanks.

Hi Calin,

Thanks for your reply. I’m not sure I fully understood it though, but not to worry.

Yes, an option to put the background back as it was, would be good. In the meantime, if you could provide the necessary CSS, that would be appreciated.

The website can be found here. However, this site is not ‘broken’ – I rolled back to the previous version, as the site’s live and cannot be left showing errors.

I applied the update to a staging site, which you can see here. Alternatively you can see the issues on your own ‘Construct‘ demo site.

Many thanks

Hi Calin,

Thanks for the code, I will add it for desktop and ipad landscape.

Any idea if/when your request (option for background to apply as before) might get implemented?

Thanks

Hi Calin,

I’ve added your code as described – it seems to work fine for all pages, except for sticky header within the Projects section – see below:

Section Page
Project Page

Please advise.

Many thanks

Hi Anamaria,

Thanks for the info.

Unfortunately the code doesn’t quite work, it looks like the following is overriding it. There may be other things too, so I thought it best you take a look:

@media (min-width: 1164px)
.td-boxed-layout #td-outer-wrap .td-header-desktop-sticky-wrap, .td-boxed-layout #td-outer-wrap .td-header-mobile-sticky-wrap, .td-boxed-layout #td-outer-wrap .tdc-row-is-sticky {
width: 1164px !important;
}

I have added the supplied code to my site (links as before), but you can also see what’s happening on your demo site (which still needs to be fixed).

Many thanks

Hi Calin,

Thanks for the code. I’ve added it to Custom Code > Advanced > Desktop and iPad Landscape, but it’s still not working correctly for the Projects section – please see links, as before.

Many thanks.