Main content is left aligned after update to V 7.8

Hi there,

I updated to version 7.8 today and everything went smoothly. We use a child theme so the customizations were intact, except one thing. The header and footer are fully stretched as per the new feature in this version, but the main content, i.e. on the homepage and the single post pages, is aligned left.

I tried all options under templates > force full width. Only the header and footer are affected but the main content remains same.

Is there a way to avoid stretching all 3 of these elements i.e. header, main content, and footer? I’d be fine if you could give me a solution to the content being aligned left. How can center-align it? Or maybe stretch it out?

URL: https://www.technorms.com

Also as you may observe the arrows on the menu and the search Icon and the social icons in the footer appear as boxes, what may be causing this and how to resolve it?

Let me know, please.

Ok, I’ll try the tips.

I also read the strange Chinese symbols post. It talks about htaccess file. That’s okay for an Apache server.

But we are on a Nginx server. How should we resolve this?

Thanks.

@Vikram,
Same issue here… Do you have a custom CSS configured?

I had the following:

@media (min-width: 1181px) {
.td-boxed-layout #td-outer-wrap {
width: 1100px;
}
.td-boxed-layout .td-header-menu-wrap.td-affix {
width: 1100px;
}
}

The left alignment issue was resolved by deleting the above code from my custom CSS.

@Support Team:
What is the proper code for this custom in V7.8?

Thanks.