WordPress.org

1. fringer
   Member
   Posted 11 months ago #

   Hi,

   I need an advice how to optimize tabs for mobile display, but also this would solve the problem of having more than one row of tabs.

   I'm using WPTouch and it works great with Shortcodes Ultimate, except there where I have a lot of tabs. The tabs that don't fit are placed below, but are partly visible because the content gets in a way. Now, can you tell me, or maybe add it to the plugin in the new version, a piece of code that would add some space after the tabs so the content always goes after the last row of tabs?

   What happens are two things, as far as I've noticed:

   1. When using a contact from Connections plugin - the contact is above the tab
      http://i.imgur.com/u467w.jpg
   2. When there's normal text - it's on the same row as the tab
      http://i.imgur.com/MTetI.jpg

   Now this is on the desktop view, and I guess whoever had a lot of tabs had the similar problems.

   Is there any way to incorporate a piece of code that would add like a single empty line (like div clear both or something), after the last tab - no matter how many rows of tabs are there, forcing the content to appear after the last tab?

   Ugly solution to this is to change the padding of tabs so they all fit in one row.

2. gn_themes
   Member
   Posted 11 months ago #

   Hi fringer.
   You can add next styles to Custom CSS editor
   

   .su-tabs-style-1 .su-tabs-nav span {
       padding: 0 5px;
       margin-right: 1px;
   }

Reply

You must log in to post.