I successfully did this (with forum help) for Magazine Pro. At first I tried over-kill CSS. Which caused other problems with the header/nav http://www.studiopress.com/forums/topic/magazine-pro-how-to-css-increase-site-inner-edge-to-edge-but-not-headernav/
I ended up using simpler CSS based on the beaver-page body class added in the custom page template.
The full-width page template I based on DWB/JuniorAtoms and it works for Magazine Pro (with specific CSS). Try it with Epik.
<?php
//* Add beaver-page body class
add_filter( 'body_class', 'beaver_body_class' );
function beaver_body_class( $classes ) {
$classes[] = 'beaver-page';
return $classes;
}
//* Force full width content
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
//* Remove breadcrumbs
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
//* Remove Home Featured
remove_action( 'genesis_after_header', 'generate_home_featured' );
//* Remove Site-Tagline
remove_action( 'genesis_after_header', 'minimum_site_tagline' );
//* Remove entry header
remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_open', 5 );
remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_close', 15 );
remove_action( 'genesis_entry_header', 'genesis_do_post_title' );
//* Remove edit link
add_filter( 'genesis_edit_post_link' , '__return_false' );
//* Remove comments template
remove_action( 'genesis_after_entry', 'genesis_get_comments_template' );
//* Run the Genesis loop
genesis();
For CSS - you need to adjust based on Epik.
/* Beaver Builder Junior Atoms KLM*/
.beaver-page.fl-builder .content,
.beaver-page.fl-builder .content .page,
.beaver-page.fl-builder .content-sidebar-wrap,
.beaver-page.fl-builder .site-inner {
max-width: 100%;
width: 100%;
padding-left: 0;
padding-right: 0 !important;
padding-top: 0px;
}
Another challenge - the media queries. Beaver builder support helped diagnose the media query problem!
@media only screen and (max-width: 768px) {
.beaver-page.fl-builder .content,
.beaver-page.fl-builder .content .page,
.beaver-page.fl-builder .content-sidebar-wrap,
.beaver-page.fl-builder .site-inner {
max-width: 100%;
width: 100%;
padding-left: 0;
padding-right: 0 !important;
}
.site-inner, .wrap {
/* max-width: 650px; */
padding-left: 3%;
padding-right: 3%;
}
}