Mobile CSS

[jk2125]

Where is the css files for the mobile site in the latest version so I can get an image on it and maybe edit the colors etc?

[bsmither]

The "latest version" of CubeCart ships only with the Foundation skin. However, you may have carried over other skins during an upgrade from CC5, or installed other skins after getting CC6 up and running.

The CSS for a skin belongs in that skin's folder. So, for Foundation, look in /skins/foundation/css/. For Kurouto, look in /skins/kurouto/styles/.

The Foundation CSS is incredibly complicated. However, rules in the file cubecart.default.css will override any other CSS rule. Add your custom CSS rules here for Foundation.

Foundation is a "mobile-capable" skin. The CSS of it requires the browser to know how large the browser viewport is and display, hide, and size things accordingly. Because Foundation is mobile-capable, CubeCart will not autoswitch to separate "mobile-specific" skin as described below.

Many other skins are not mobile-capable. When using such a skin, CubeCart will auto switch to using a completely different "mobile-specific" skin. The mobile skin that is available from the Marketplace is called Mobile. It's CSS rules are at /skins/mobile/styles/.

[jk2125]

Im pretty sure this is a cubecart mobile. Im still working on it but take a look at it in your mobile once. It says cubecart mobile. http://www.the-killians.com/creations

[bsmither]

Yes, that is CubeCart's "Mobile" skin.