I have only changed this in the CSS (nothing in the header.php, index.php or something):
#header-content {
background:url(http://www.groovyplanet.de/logo.png);
height: 200px;
width: 100%;
margin: 20px 0px 20px 0px;
}
And these are the options I have made in the header section:
http://www.groovyplanet.de/screen2.jpg
But now in the mobile version the social media icons and the searchbox are in front of my logo 🙁
So my problem is: Can you tell me how I can fix it (maybe with some <br/> that only show up in the mobile version), so that the icons and the searchbox are below the logo in the mobile version?