WordPress.org

Ready to get started?Download WordPress

Forums

Simple Side Tab
[resolved] Hide Simple Side Tab in mobile version (7 posts)

  1. cmodesign
    Member
    Posted 8 months ago #

    I am running the mobile plugin WPtouch. Is it possible to hide the SIMPLE SIDE TAB when viewed in mobile devices? WPtouch offers a setting:

    "Remove these shortcodes when WPtouch is active"

    I tried "rum_sst_contents" but that didn't work. Is there anything else I could try? Or a different approach?

    http://wordpress.org/plugins/simple-side-tab/

  2. cmodesign
    Member
    Posted 8 months ago #

    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; }
    }
  3. srumery
    Member
    Plugin Author

    Posted 7 months ago #

    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!

  4. jmonesti
    Member
    Posted 2 months ago #

    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 !

  5. srumery
    Member
    Plugin Author

    Posted 2 months ago #

    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!

  6. jmonesti
    Member
    Posted 2 months ago #

    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

  7. srumery
    Member
    Plugin Author

    Posted 2 months ago #

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

    Cheers!

Reply

You must log in to post.

About this Plugin

About this Topic