Thank you very much indeed for this. I will have a look at your code. I see yours is working on Safari. Are you contactable on the info@ address on your website demo?

Thank you Guenni007 for your reply. It is actually within other alb elements as it may happy at various places on the page, rather than the first child of main. I like your filter thinking though. The code you have to insert is the correct code.

I am using the following CSS, but it seems that when these div.holder and section.vid are within the surrounding tags then we end up with the large blank space below because the height of section.vid is 3000px (which is tied to the scroll action).

Are there any other filters you know of which can help? I have tried selecting on the code block widget: Deactivate schema.org markup
Output the code without any additional wrapper elements. (not recommended). But that doesn’t help.

section.vid {
height: 3000px !important; /* Maintain desired scrolling height */
}

section.vid div.holder {
position: sticky !important;
top: 0 !important;
}

section.vid video {
width: 100%;
height: 100%;
object-fit: cover;
}

Hello Yigit, thank you very much indeed for looking into this. Bizarrely I have gone to take a screenshot and it is all working again. Very confused as I spent a good 30 mins going through server settings and disabling plugins etc. It wasn’t just this machine either, it got reported by a client also on Safari that the front end news items on the homepage were missing. However, as it stands it all seems to be working fine. Can we keep this open for a day or so and see if it re-materialises? Thanks

Mike – thanks so much for that, it worked perfectly.

Much appreciated.

Philip.

***SOLVED****
Further to this, for anyone wanting to solve this challenge of having conditional man navigation menus based on the site section, the below set of functions:

1. Setup specific menus for your audiences (Patient and HCP in this example)
2. Creates an is_child function that determines if the page has a parent page called something specific (you can also do this by page ID or page slug of the parent but I want to re-use it for other sites so using the page name)
3. Provides the conditional swap logic “my_custom_wp_nav_menu_args” to swap out the main nav and defaults to the Enfold Main Nav otherwise.

So to set this up:

Create the following in the child theme functions.php
Create your section home pages
Create your sub-pages and then set their parent page as the section home page

I hope this helps someone.

function register_my_menus() {
register_nav_menus(
array(
‘patient-menu’ => __( ‘Patient Menu’ ),
‘HCP-menu’ => __( ‘HCP Menu’ )
)
);
}
add_action( ‘init’, ‘register_my_menus’ );

/**
* Child page conditional
* @ Accept’s page ID, page slug or page title as parameters
* https://sridharkatakam.com/useful-functions-checking-pages-sub-pages-wordpress/
*/
function is_child( $parent = ” ) {
global $post;
$parent_obj = get_page( $post->post_parent, ARRAY_A );
$parent = (string) $parent;
$parent_array = (array) $parent;
if ( in_array( (string) $parent_obj[‘ID’], $parent_array ) ) {
return true;
} elseif ( in_array( (string) $parent_obj[‘post_title’], $parent_array ) ) {
return true;
} elseif ( in_array( (string) $parent_obj[‘post_name’], $parent_array ) ) {
return true;
} else {
return false;
}
}

add_filter( ‘wp_nav_menu_args’, ‘my_custom_wp_nav_menu_args’ );

/**
* CManu switch based on page/parent relationship for HCP, Patient or others
* @ Accept’s page ID, page slug or page title as parameters
* PJE – RESOLVE
*/

function my_custom_wp_nav_menu_args( $args = ” ) {

if($args[‘theme_location’] === ‘avia’)
if ( is_child( ‘HCP Home’ ) ) {
$args[‘menu’] = ‘HCP’;
} elseif ( is_child( ‘Patient Home’ ) ) {
$args[‘menu’] = ‘Patient’;
} else {
//* otherwise set the default as defined in the enfold-child theme as Main Menu
$args[‘menu’] = ‘avia-menu’;
}
return $args;
}

Hi – anybody there?

Hi. Could anyone let me know on the above please? Thanks

Thanks for the response Peter.

How would i therefore do this for other ‘objects’ say the icon list object? – there is no ability to add pre and post text on these, so the only option is to put a text block above and a text block below.

Any ideas?

Hi

Futher to this i have manged to get some output from Safari error logs (Firefox/Firebug crash out).

After insert into post is pressed, the following is returned:
avia_media.js:141RangeError: Maximum call stack size exceeded.

It would seem that there is a clash with AVIA and the cmb_metabox framework on
https://github.com/jaredatch/Custom-Metaboxes-and-Fields-for-WordPress

as if i disable the function to init the framework, the WP functionality then works to insert a post.

Part of the init.php function is to call the following

function cmb_scripts( $hook ) {
if ( $hook == ‘post.php’ OR $hook == ‘post-new.php’ OR $hook == ‘page-new.php’ OR $hook == ‘page.php’ ) {
wp_register_script( ‘cmb-scripts’, CMB_META_BOX_URL.’jquery.cmbScripts.js’, array( ‘jquery’,’media-upload’,’thickbox’ ) );
wp_enqueue_script( ‘jquery’ );
wp_enqueue_script( ‘jquery-ui-core’ ); // Make sure and use elements form the 1.7.3 UI – not 1.8.9
wp_enqueue_script( ‘media-upload’ );
wp_enqueue_script( ‘thickbox’ );
wp_enqueue_script( ‘cmb-scripts’ );
wp_enqueue_style( ‘thickbox’ );
wp_enqueue_style( ‘jquery-custom-ui’ );
add_action( ‘admin_head’, ‘cmb_styles_inline’ );
}
}

Could this be the source of the conflict do you think?

Many thanks for any guidance.

Phil.