Many Thanks

Hi Samantha,

The picture was larger so I resized it which didn’t have any effect.

Then I added the code and now it’s safely back in it’s div container.

Thanks very much for the help!

Fixed it by adding

.site-header {
float: left;
width: 100%;
}

Thanks to Dave at Metaslider for sorting it

Any ideas?

Here’s the CSS that I’m using:

/*
Topbar menu styling
*/
.sub-menu {
font-size: 10px;
padding-top: 10px;
float: right;
width: 100px;
}

/*
Metaslider styling
*/
.metaslider {
margin: 0;
padding: 0;
float: top;
clear: both;
}

/*
Header Height
*/
.home header#masthead hgroup {
margin: 0;
height: 0;
float: top;
clear: both;
}

.home header#masthead.site-header {
margin: 0;
height: 0;
padding: 0;
float: top;
clear: both;
}

/*
Cart Float
*/
a.cart-contents {
float: top;
clear: both;
}

/*
Logo Float
*/
.home a.site-logo-link {
float: top;
clear: both;
margin: 0;
height: 0;
padding-right: 20px;
}

And here’s the PHP:

/**
Add meta slider to header
*/

add_action( ‘init’, ‘child_theme_init’ );
function child_theme_init() {
add_action( ‘storefront_before_content’, ‘woa_add_full_slider’, 5 );
}

function woa_add_full_slider() {

if ( is_front_page() ) :
?>
<div id=”slider”>
<?php echo do_shortcode(“[notdevice][metaslider id=591 percentwidth=100][/notdevice]”); ?>
</div>
<?php
endif;
}

Anyone?