Hi everyone.
So I am somewhat new to X-Cart and have little CSS experience. I am using the Violet Dreams skin and have changed the logo.
My question is:
I like that my logo is centered. However what I would like to do is to have the CSS automatically resize the header (logo) for different screen resolutions and mobile while keeping the logo centered. Right now it looks fine with my resolution of 1680x1050. However if I drop my resolution or use mobile, then the page go way out to the right and does not resize. Knowing only a little CSS I hard-coded the logo size to a width of 1652 which I'm sure is why it goes way to the right at lower resolutions, but I don't know how to have the CSS automatically resize it.
Here is the site:
http://www.inkedboutique.com/home.php?shopkey=123
I am using 4.4.4 Gold
I am viewing it with Firefox and have Firebug.
Thanks in advance for any help.