Problem with the margin

Hi,

I just downloaded the plugin (thank you a lot for creating it!!) and followed your instructions to insert the slider on header.php. The thing is that I´d like the slider to be displayed after the main menu, so I put the code on a new <div> (inside a div called #cb-inner-header), and added the class (to aligned it). I did my best as I am not familiar with all these codes. This is how I did it:

<div id=”metaslider” class=”wrap clearfix” align=center> <div id=”257″></div><?php if (is_front_page() || is_home()) {
echo do_shortcode(“[metaslider id=257]”); //replace 257 with slider ID
}
?></div>

The problem is that the slider is too close to the menu, so I added some css code (probably I did not wrote the right code?) to the custom css of the theme: #cb-inner-header .metaslider ul {
margin-top: 30;
}.

But it is not working. Could you please help me? This is the link for the website, in case you have time to have a look: galakia.com. Thank you a lot for your support in advance.

https://wordpress.org/plugins/ml-slider/