Main MENU background stretch problem for mobile devices

Hello,

For my site http://pavlikeni.com, I had asked one of your associates to help me stretch it across the entire page as it currently is. While it looks OK on desktop, laptop and notepad devices, there is a problem on mobile devices – smart phones.

The problem is that the header logo and the header ad both do NOT center on the screen of the smart phone.

Could you please look into the custom CSS code you provided in the past and offer a solution?

Thanks,
Peter

Hi

Use this css: http://screencast.com/t/BPKx2Hrtbp2g

@media(max-width: 768px){
.td-header-sp-rec,
.td-header-style-1 .td-header-row {
width: 100%!important;
}
.td-main-menu-logo img{
width: 75%;
}
}

Thanks!

That works perfectly fine.

Thanks,
Peter