lol Okay, thanks to you and Ruth, she send me a message with a code to try... But we have come to an end here, please!
I know have this in my custom CSS:
.centerheader #logobox, .centerheader #logo, .centerheader #siteslogan, #top_section_notice .button_submit {
box-sizing: initial;
}
.centerheader #logobox {
max-width: 100%;
width: inherit;
}
@media screen and (max-width: 33.750em) {
#logobox, .rightheader #logobox {
background-image: url(http://forum-alternative-antriebe.de/themes/bluesky/images/forumlogo_mobile.png);
background-repeat: no-repeat;
}
#logo {
visibility: hidden;
}
.centerheader #logobox, .centerheader #logo, .centerheader #siteslogan, #top_section_notice .button_submit {
box-sizing: initial;
}
.centerheader #logobox {
max-width: 100%;
width: inherit;
}
}
@media screen and (max-width: 30em) {
#logobox, .rightheader #logobox {
background-image: url(http://forum-alternative-antriebe.de/themes/bluesky/images/forumlogo_mobile.png);
background-repeat: no-repeat;
}
#logo {
visibility: hidden;
}
.centerheader #logobox, .centerheader #logo, .centerheader #siteslogan, #top_section_notice .button_submit {
box-sizing: initial;
}
.centerheader #logobox {
max-width: 100%;
width: inherit;
}
}
Which works in desktop view, but in mobile view the logo is much on the left.
If you tell me more code to try I will dream of it! And they will not be sweet dreams! Please, what code should I try? What must be deleted, what must stay?