This is the insertion code
add_action('ava_after_main_title', function() {
if ( is_page(42302) ) {
echo '<div id="banner" class="avia-section main_color avia-section-default avia-no-border-styling avia-builder-el-0 avia-builder-el-first av-small-hide av-mini-hide avia-full-stretch avia-bg-style-scroll container_wrap sidebar_right" data-section-bg-repeat="stretch"><div class="container av-section-cont-open"></div></div>';
}
});
quick css for boxed layout
Image Dimension is 1600px : 556px = 100 : 34.75
@media only screen and (min-width: 990px) {
#banner {
max-height: calc(0.9 * 556px);
height: calc(0.9 * 34.75vw);
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/logo2-1.jpg);
background-position: 0% 0%;
background-attachment: scroll;
}
}
/**** beneath the 990px boxed layout body goes to 100% width ******/
@media only screen and (max-width: 989px) {
#banner {
max-height:556px;
height: 34.75vw;
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/logo2-1.jpg);
background-position: 0% 0%;
background-attachment: scroll;
}
}
quick css for stretched layout
#banner {
height: 34.75vw;
background-repeat: no-repeat;
background-image: url(/wp-content/uploads/logo2-1.jpg);
background-position: 0% 0%;
background-attachment: scroll;
}