WordPress.org

Support

Support » Plugins and Hacks » Simple Side Tab » [Resolved] Hide Simple Side Tab in mobile version

[Resolved] Hide Simple Side Tab in mobile version

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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; }
    }
    Plugin Author srumery

    @srumery

    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 !

    Plugin Author srumery

    @srumery

    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 http://www.essor.info

    Thanks again,
    Bye

    Plugin Author srumery

    @srumery

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

    Cheers!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Hide Simple Side Tab in mobile version’ is closed to new replies.
Skip to toolbar