Support » Plugin: TAB SLIDE » Responsive Positioning Change

Viewing 1 replies (of 1 total)
  • Plugin Author zoranc


    With tab slide pro you could simply have two separate, almost duplicate instances, one dedicated for mobile and another dedicated for desktops…With the free version, it is slightly trickier but still doable…first you’ll need the upcoming version of tab slide (v2.0.1) which is scheduled for release tomorrow (you can just wait to do an autoupdate so you don’t loose your settings by uninstalling)

    Go to the tab slide settings screen and make the adjustments you want for the mobile version, then switch to CSS only mode and copy paste the generated css result from the textarea into a new file, lets call it mobile_tab_slide.css and lets put it in wp-content/uploads/mobile_tab_slide.css

    You can switch back to regular mode and readjust the settings you want on the desktops at this point and hit save.

    Then at the end of your functions.php add the following:

    add_filter( 'tab_slide_css_url', 'mobile_css_url_handler');
    function mobile_css_url_handler($url) {
         if (wp_is_mobile()) {
             // REPLACE with actual site below
             $url = '';
         return $url;

    make sure you replace the url to the actual url and you should be good to go

    the mobile_tab_slide.css stylesheet should load when the mobile devices are viewing the page, otherwise the usual tab slide css will be used

Viewing 1 replies (of 1 total)
  • The topic ‘Responsive Positioning Change’ is closed to new replies.