CMS Article Edit page breaks on Safari

[Morrus]

I'm hoping somebody here has some idea how to fix this. With luck it's an easy fix.

This problem occurs on Safari, Firefox, and Chrome on my iPad.

vBulletin 4.2, the article edit/publish page on the CMS looks like this:



As you can see the control panel on the right obscures the article text making it impossible to write or edit. Fixing this would improve my work output immensely, as my iPad is the most convenient way to work much of the time.

Anybody got any ideas? I'm hoping it's just a weird html tag somewhere or something.

[TheLastSuperman]

Is this a 100% default style? If no then create a new style, is the issue present there?

You may simply need to create a new style and add in some custom css using @media definitions

Rough example:

@media screen and (min-width: 980px) /* Desktop */ {
  body {
    background: red;
  }
}

@media screen  and (max-width: 979px) /* Tablet */ {
  body {
    background: blue;
  }
}

@media screen and (max-width: 500px) /* Mobile */ {
  body {
    background: green;
  }
}

So we'd use the Inspect Element feature in the browser, find the css for the main table and then sidebar portion then adjust to suit using min or max @media then on your tablet viola it would look as-desired.

[Morrus]

Erk. I didn't really understand that! Pitched slightly above my level, unfortunately.

But yes, it happens on the VB 4 default style.

[TheLastSuperman]

Originally Posted by Morrus

Erk. I didn't really understand that! Pitched slightly above my level, unfortunately.

But yes, it happens on the VB 4 default style.

Shoot me over via pm:

- Site URL.
- Admin username+password.

I'll tinker with it in my spare time this weekend which is sparse btw :P. Edit: Ohh and which device are you using? If you open your site using Chrome, then hit F12 button on keyboard it will show you the device/size it's scaling too, let me know that as well.