Hello Staniole,
Please add the below custom CSS code in Appearance > Customize > Additional CSS to set the width to 1240px.
@media (min-width: 1200px) {
.container,
.post-template-default .site-content .container,
.page-template-default:not(.woocommerce) .site-content .container{
max-width: 1240px;
}
.post-boxed.inlined .post-img-wrap {
height: 80px;
width: 80px;
}
.newscard-widget-horizontal-vertical-posts .post-boxed.main-post .post-img-wrap {
height: 234px;
}
.col-xxl-4 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.entry-content p {
margin-bottom: 15px;
}
.featured-section .post-block .entry-header,
.featured-section .two-column-featured-section .post-block .entry-header {
padding: 10px 10px 0;
}
.navbar-head.navbar-bg-set {
padding-top: 30px;
padding-bottom: 30px;
}
.main-navigation a,
.search-toggle {
padding: 15px;
}
.main-navigation > ul > li.menu-item-has-children > a,
.main-navigation > ul > li.page_item_has_children > a {
padding-right: 32px;
}
.main-navigation > ul > li.menu-item-has-children > a:after,
.main-navigation > ul > li.page_item_has_children > a:after {
right: 15px;
}
}
Thank you!