Good Afternoon,

Thank you for the suggestion to recreate the thumbnails this was not causing it but it led me to the problem.

When logged into my admin area I noticed that I was still getting the 404 image not found error.

Looking at page source I could see that it was in the Enfold Theme Options under Custom background Image for Boxed Layout

However as I am using the stretched layout I had not look closer to realise that the image link was still there.

After changing to Boxed, removing the image and changing back to Stretched it is all fixed.

Thanks again for great support!

Good Afternoon,

Thank for the suggestions to add images using code blocks, instead dug deeper and copied the shortcode to child theme and added a small check to see if the $meta[custom_class] variable contained my specified ‘nolazy’ custom css class.

// If Custom Class 'nolazy' then prevent lazy load  
if (strpos($meta['custom_class'],'nolazy') !== false) {
    	$lazy = "data-no-lazy=1";
}

Then added the {$lazy} into the output img tags.

So that is all sorted.

However the full width slider are actually being lazy loaded. (I can confirm this by viewing source while page loads to check for the image script which replaces the src value. )

and the sliders does not seem to calculate its final height until all images are loaded.

This is causing whitespace to appear below the slider until all images are loaded and then it is closed back up and slider will scroll as usual.

Do you have any suggestions for this type of issue?

Warm regards

Paul

Good Afternoon,

Thanks for the response, great to hear that it worked for you but unfortunately it is still playing up on my end.

1 – Regardless of the browser I use, i still get black bars on left and right hand side of video until I resize the browser.
– latest mozilla sometimes will work correctly on fresh load.
– Internet explorer 12 always shows black bars on left and right until resize.
– Chrome 37.0.2062.124 is also hit and miss.
have not tested safari as don’t have a mac and videos are disables on ipads and mobiles.

I have also changed to another video and still get the same results.

This is regardless of the screen resolution I used on my laptop.

If however I use a vimeo video there is no issue, however then I cannot use a custom js script to mute and unmute the video.

Warm regards

Paul

Good Evening,

Ok, I have fixed this issue but need one further Tweak.

I added the link as a custom function to my child theme functions.php.

This adds the a href into the add_action(‘ava_main_header’, ‘custom_function1’); hook in the header and then styling it from there.

For some reason if there is a 100% width div this a href link would always sit behind it or appear but not be clickable.

This was regardless of the z-index or display:block settings I applied.

Anyway great that working – but I would like to have the “Sound Off” text to stay within the header.
Is there a class I can give so that it will move UP the same distance value the way that the social icons do when the page is scrolled down.

Example page: http://bit.ly/1s8NL54

Also – as separate request do you know how can add in font icon and then change the icon on hover?
Am hoping to use the speaker / mute icons.

Cheers

Paul

Good afternoon,

Thanks for the suggestion.
I have added this to the custom CSS

However this has the unintended consequence of now the mobile menu does not show the site logo or mobile menu icon when clicked.

This is assumable as the main div is now ontop of these elements.

Do you know what the zindex is of the full width slider as might be better to just go 1 above these and keep below the mobile menu.

Or add higher zindex to the logo and menu icon.

Thanks again.

Paul

Good Evening,

Thanks, I hadn’t actually noticed that the video had bars on actual video (as had swapped about 5 in last few days to find one that fit with the styling).

However is there some code I could add to have it display like the easy full width slider. As this one will zoom in automatically and remove these bars?

Cheers

Paul

I did have another issue – when logo is positioned in center with menu below.

When reducing the browser width the reposonsive theme pushes the logo off to the left.

Please see new.leemarine.co test site.

Cheers

Paul

Good Morning,

Sure link is: new.leemarine.co

It is the front page that I am trying to get to load as full screen layout.

With the slider full screen and no <h1 class=”post-title entry-title”> and no Author Links and no Breadcrumbs.

This is currently being called through a direct copy of the index.php code in enfold theme directory.

I have attempted to edit this index.php previously and remove some of the added divs and did have the slider showing full screen, however it the whole page was offset to the left by about 30px with grey footer background showing on right hand side.

So have returned to original index.php pending your advice.

Thanks again.

Paul