logo in menu problem

I guess that first you should replace .myfixed “height 50px !important;” with “height: auto !important;” and remove “padding: 0px 0px 0px 20px !important;” or use it inside “@media (max-width:)” css3 property

You can style it further more using .myfixed or .wrapfixed css class and “@media (max-width: )” rule and customize it for small screen sizes…

for example :

@media (max-width:359px ) {
   .myfixed #header {
       padding: 0px 0px 0px 0px !important;
 }
}

or

@media (max-width:359px ) {
   .wrapfixed #header {
       padding: 0px 0px 0px 0px !important;
 }
}

There is also an option to disable it for small screen sizes if none above can help you….