Hide Simple Side Tab in mobile version

I entered the following code into the SIMPLE SIDE TAB php file: simple_side_tab.php. It seems to have worked (at least on an iPhone).

@media screen and (max-width: 480px)  {
    .rum_sst_contents { display:none; }
}

cmodesign, the CSS you have is a good solution. I appreciate that you posted your code for others as well.

You may want to move it into your theme style sheet or if your theme provides a custom CSS field, you could use that as well. This will avoid the code getting overwritten upon the next update.

Cheers!

Hello, srumery !

Let me re-open this one.

I’ve tried to put the media query above in my style.css (a child theme of twenty-eleven).

Unfortunately, this does not work -for me, a least..

I believe this is sort-of a precedence problem : whereas SSTab CSS is inlined, its overides the stylesheet(s) previously loaded.

However, I’ve little knowledge in CSS, please let me know if this makes sense, or if I’m wrong about this.

Great plugin by the way, keep up the good work !

Hi cmodesign,

In your media query, try adding !important to the end of your CSS statement.

.rum_sst_contents { display:none !important; }

I don’t usually advocate using !important but in this case, it should work just fine while not affecting anything else in the process. If it doesn’t work, please send me the address to the website you need the fix for and I can test it out and send you another CSS snippet to use.

The above change should do the trick. I hope it works for you.

Cheers!

Thanks for your quick response !

I’ve tried your suggestion, the !important fixed this.

My style.css now shows :

@media screen and (max-width: 480px)  {
    .rum_sst_contents { display:none !important; }
}

Brave old TwentyEleven quite not responsive, however, time for a change I guess https://www.essor.info

Thanks again,
Bye

Glad it worked, jmonesti. If anything else comes up, please let me know.

Cheers!