Hi, Andy,

That was a partial help but like I say, getting a fix required you to look at the way the page was displaying in order to sort the problem. I went googling and found some info that helped resolve the problem and the background is now displaying correctly.

Just in case someone else wants a solution, here is the code that works for all devices I tested and all browsers I tested:

html.html_boxed {
background: url(https:// etc) right center no-repeat repeat fixed;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
}

I tried all sorts of other combinations and they either did not work at all, or only worked on a laptop.

Regarding the incorrect area of the image that was displaying, you will note that “center center” was the problem. By using “right center” or “left center” the problem was sorted. I am not a coder so cannot explain it, but that’s what worked.

For some reason the “no repeat” instruction works fine for a laptop but after the size issue was resolved meant that on mobiles only one image was displayed in the background (correct size) in the middle of the front page. So it was necessary to add a repeat for the vertical dimension. The image now displays with the correct size and is repeated as needed to cover the whole vertical display area of the page.

If anyone is having this problem I recommend checking out:

and
http://www.css3.info/preview/background-size/

Ismael,
Thanks for getting back to me.

Just to make sure…. I have two of these “add_filter” codes. Which one do you want me to replace?
Ron

Please see below:
add_filter(‘avf_builder_boxes’, ‘avia_register_meta_boxes’, 10, 1); //Add meta boxes to custom post types
function avia_register_meta_boxes($boxes)
{
if(!empty($boxes))
{
foreach($boxes as $key => $box)
{
$boxes[$key][‘page’][] = ‘sfwd-courses’;
$boxes[$key][‘page’][] = ‘sfwd-lessons’;
$boxes[$key][‘page’][] = ‘sfwd-topics’;
$boxes[$key][‘page’][] = ‘sfwd-quiz’;
}
}
return $boxes;
}

/*Controls look of gravity form fields */
add_filter( ‘woocommerce_gforms_strip_meta_html’, ‘configure_woocommerce_gforms_strip_meta_html’ );
function configure_woocommerce_gforms_strip_meta_html( $strip_html ) {
$strip_html = false;
return $strip_html;
}

/*removed image from product page*/
remove_action( ‘woocommerce_before_single_product_summary’, ‘woocommerce_show_product_images’, 20 );

add_filter(‘avf_builder_boxes’,’custom_post_types_options’);

function custom_post_types_options($boxes)
{
$boxes[] = array( ‘title’ =>__(‘Avia Layout Builder’,’avia_framework’ ), ‘id’=>’avia_builder’, ‘page’=>array(‘sfwd-courses’, ‘sfwd-lessons’, ‘sfwd-topic’, ‘sfwd-quiz’), ‘context’=>’normal’, ‘expandable’=>true );
$boxes[] = array( ‘title’ =>__(‘Layout’,’avia_framework’ ), ‘id’=>’layout’, ‘page’=>array(‘sfwd-courses’, ‘sfwd-lessons’, ‘sfwd-topic’, ‘sfwd-quiz’), ‘context’=>’side’, ‘priority’=>’low’);
$boxes[] = array( ‘title’ =>__(‘Additional Portfolio Settings’,’avia_framework’ ), ‘id’=>’preview’, ‘page’=>array(‘sfwd-courses’, ‘sfwd-lessons’, ‘sfwd-topic’, ‘sfwd-quiz’), ‘context’=>’normal’, ‘priority’=>’high’ );

return $boxes;
}