Spoilers showing in mobile version

Hello!

It's just as the topic title says, really - the new mobile version of the site (congratulations on that, by the way - brilliant, it is) is set to show what forum users have put in spoiler tags automatically. Is there a way to set the mobile version so that text in spoilers stays hidden?

Could you post a link to a topic that contains spoilers that guests can see?

Yup!

http://messedupcables.forumotion.net/t37p575-what-s-new-pussycat

The spoiler near the bottom about Citizen Kane (!) is open, for example.

I just checked. If you notice, there is an triangle image to the right of the spoiler. It is saying there is an error or errors. Have you modified the spoilers with any kind of coding?

Not as far as I'm aware. I changed the text colour of links a few months ago but that's all I can think of. I'll take a look and report back.

OK, I've looked things over, and I'm sure that when I changed the colours of the links I never scrolled down as far as the spoiler section on the CSS Stylesheet. I tried removing the mobile pagination, which is the only other serious thing I've done, and it had no effect.

In short, help, please!

Hello,

I have conducted some tests on your forum and I see that the problem comes from your CSS. As I'm not an expert, I think you should share your code, especially the one concerning the spoilers here between code balises and let the community helps you find out what's wrong. Sorry to not be able to help you more.

When you do share your codes, please use the BBCode code tags.

Code:

[code][/code]

OK, here's the spoiler section (hope this is right!):

Code:

/* Spoiler */
.spoiler_closed {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #536482;
   line-height: 125%;
   background-color: #cedfed;
   border: #cadceb;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   }
.spoiler_closed.hidden {
   display:none;
   }
.spoiler_content {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #536482;
   line-height: 125%;
   background-color: #cedfed;
   border: #cadceb;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   }
.spoiler_content.hidden {
   display:none;
   }

Does this not remove the hidden part of the spoiler?

Code:

.spoiler_closed.hidden {   display:none;   }

On the non-mobile version of the forum, it doesn't. Is that the bit that needs changing for the mobile version?

Try it and see what happens.  Make sure to save the code to add it back if it does not work.