Move logo down to mobile menu when viewed on mobile device

Hi I am using heading style 3, which works fine on desktop, but the logo is far to high up on the screen when viewed on mobile. Is there some CSS to bring this down over the green menu?

http://www.theenglishgarden.co.uk/

Hi

Try this custom css:

@media (max-width: 767px){
.header-style-3 .td-logo img {
position: relative;
right: 0px;
top:0!important;
}
}

The result should be like here: http://screencast.com/t/aHxnJkY4Q

Thanks!

Perfect thanks. Now how do I hide the top menu on mobile?

Thanks

Hi

Use this css: http://screencast.com/t/0yKCmLfmkWR4

@media (max-width: 767px){
.td-header-menu-wrap {
display: none!important;
}
}

Thanks!