I have recently published a mojoPortal website with a skin designed with Artisteer 4.0. (as I usuallly do)

For some reasons, this site behaves differently form the others.

The page width is set to 1000px but the iPhone (and IE10 when the screen size is reduced) does not respect the width and the content is misplaced.

This site's header contains a Nivo Slider presentation instead of a static image and I wonder if this may be the cause.

Style.css contains a "min-width" style attribute.

body {padding: 0;margin:0;min-width: 1000px;color: #4C4C34;}

which I suppose is not well supported by IE and iOS Safari (but iOS Chrome has the same problem).

Is there any CSS "trick" I can put in place to override this issue ?

Skin is temporarily published in our dvelopment site: http://mojoportal.effectiveweb.it

Thanks.

Diego

Thanks Joe,

Now I can see.

I tried to customize style.responsive.css to fit with my custom design and some basic mojoPortal functions (e.g. topnav) and the result was decent but, in the end, I decided to follow your suggestion and comment out style.responsive.css from style.config and the script.responsive.js from layout.master.

In my opinion, the best mobile experience with mojoPortal is by using mobile-kit-pro.

Ciao

Diego