Href Link Positioned on top of Full Width Slider

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

I already had a position: absolute and z-index value it still wasn’t quite working.

But All sorted now !!

Just had to target the div Id and assign new position top value AFTER the header-scrolled.class was applied to the header wrapper.

eg. original css
#divID { top: 80px; }

additional that will apply after the page scrolled.
.header-scrolled #divID { top 50px; }

This way once the page is scrolled the div moves up 30px and remains within the header section.

Keep up the great work.

Thanks

Paul