defining grid system for mobile use

[cschnell]

I've been having trouble with how my site appears on a mobile and I've been advised that the "width" param for my blocks are not defined. 

 

I don't have coding knowledge. Can anyone help me configure it so it adjusts for smartphones and mobiles?

 

shop.panamalifestyle.ie

 

This is very urgent as I was supposed to go live last week

 

Thanks

[vekia]

#header {

1. display: block;
2. background: url(../img/headerBg.png) repeat-x;
3. height: 169px;
4. text-align: center;

}

 

#columns {

1. overflow: hidden;
2. background: url(../img/black/columnsBg.jpg) repeat-x;
3. padding: 0 0 10px 0;
4. text-align: center;

}

 

#page

+

body

 

try to add width params for styles above

 

btw. why not to use mobile theme?

[cschnell]

the client doesn't want to use a mobile theme they want it to show like the normal site..would be easier I know...

 

i don't know how to add width params for styles. I don't know coding well enough for it. 

 

can you help me write what i need to add in so it resizes for mobiles correctly?

 

thanks

[vekia]

well, im not 100% sure that it will work, im only guessing, code i mentioned above is a part of global.css file

you can find code there easily, then define width params.

 

remember to clear browser cache (on mobile) before test

[cschnell]

ok i really don't understand the code etc can you reply with the code that i would need to put in to the global css as I just tried something and it made it worse??

 

I need the exact code that needs to go in and where otehrwise I won't be able to do it