Hey guys im having a little trouble with header and footer formatting on full site with mobile

[evapeonline]

Hey guys,

Longtime listener, first time caller here. My site is evapeonline.com. when you view it on a mobile device, the header and footer are out of proportion. it looks fine on pc. I think it has something to do with columns and image sizing, but I can't figure it out. I can post whatever code needed just let me know! Thanks!

[vekia]

i checked your website on my tab

 

how it looks:

 

 

 

what you exactly expect?

[evapeonline]

Wow cool my tablets haven't been showing the mobile version. Ill have to fix that, But if you browse the full site on mobile (what I meant to say), the header and footer are a little wonky, it should just be a quick fix, the code in the theme's global.css is as follows:

 

#header {z-index:10}

#columns {z-index:1; background:#FFF}

#left_column {}

#center_column {padding: 15px 25px;

}

#right_column { width:23%; float:right; margin-right:20px; background=#FFF}

#footer {}

Edited June 13, 2013 by evapeonline (see edit history)