Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 18, 2014 at 9:09 pm #353243
    Paul M

    is there a way to have all tabs closed on mobile display only? i tried putting in a value of 0 in tab to be opened on load, but it only affected the desktop display..the opposite of what was intended.

    thanks

    November 19, 2014 at 1:02 am #353403
    Elliott

    Hi Paul!

    The tabs will always have one open at all time. Do you mean you wish to hide all the tabs completely on mobile? If so then try adding this to your custom CSS.

    @media only screen and (max-width: 479px) { .tabcontainer { display: none !important; } }

    Cheers!
    Elliott

    November 19, 2014 at 2:20 am #353430
    Paul M

    thanks but no don’t want to hide them on mobile.

    when the user opens the page on mobile, the first tab is open, thus forcing the user to scroll down past that content in order to see that there are additional tabs to choose from. with the first tab open by default.

    here is a page example
    http://www.kafkagranite.com/epoxy-overlay-aggregates/high-friction-surfacing/

    thanks again

    November 19, 2014 at 6:34 pm #353855
    Elliott

    Hi!

    Unfortunately I do not see an easy way of doing that with the tabs. It’s possible with toggles though, http://kriesi.at/themes/enfold/shortcodes/toggles-accordions/.

    Cheers!
    Elliott

    November 20, 2014 at 12:57 am #354069
    Paul M

    well, taking a cue from your previous response, i inserted the same content and in both tabs and accordion with the following css

    @media only screen and (min-width: 769px) { .togglecontainer { 
    display: none !important; } 
}
@media only screen and (max-width: 768px) { 
  .tabcontainer { display: none !important; }
  .togglecontainer { display: block!important; }
}

    which of course hides the tabs and shows the accordion in mobile and vice versa

    just hope Google doesn’t punish for having the same content o the page repeated

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘All tabs closed on mobile only’ is closed to new replies.