Responsive show/hide does not work together

[timeforhelp1]

Code: Select all

<div class="responsive-show" style="display: none;"><center>an ad script</center></div>
<div class="responsive-hide"><center>an ad script</center></div>

From another post of mine a while back I got given this which is where I made my ad code above.

Code: Select all

<b class="responsive-hide">text</b>
Text will be shown only on PC.

If you use <b style="display:none;" class="responsive-show">text</b>
Text will be shown only on responsive-mode.

And no I do not want to use the advertising extension as yet, I don't mind hard coding for a bit.

So the above code/s do not seem to work together as both adverts are shown, I obviously want my 728x90 ad shown on desktop and my 300x250 ad shown on mobile.

Why individually do these codes work but not together?
Any ideas guys please.

[Mannix_]

responsive-hide hides your code on devices with max-width lower then 700px

and

responsive-show show your code only on devices with max-width lower then 700px

Can you post a link to your board where you added your code so we can see what is going on?

[timeforhelp1]

Have taken them off now for the time being, I will PM you when I see you are online, I can't put them back on right now.
I am running 3.2.11

[Mannix_]

Oh you know just for testing puroposes you can jus add simple text like

Code: Select all

this should show on mobile

and

Code: Select all

this should show on desktop 

instead of your ad code