elmcdeivid
New Member
I want left + right paddign on my website in mobile devices. It's great on tablets however with the phone there is little to no padding. I have 4 "containing" divs that I want to have the padding applied to. I've placed some CSS3 media queries in but now I'm getting a gap to the right. I was thinking it was because my background mages are going all the way across but they set at 100% so I'm just not understanding whats going on. It's something simple, I'm not seeing it right now..Here is the website. \[code\]This is what I have for the media queries/* Smartphones (portrait and landscape) ----------- */@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {#header, #banner, #main, #footer-widget-area { padding: 0 2em 0 2em; }}\[/code\]This is what it looks like right now
Any help is appreciated