ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• June 14, 2014 at 12:51 pm #82466
  MikeMobley2002

  Member

  Post count: 31

  How can I fix these 3 tabs to show their full “boxes?” As you can see in the pictures, when they stack like this (when viewing the site on the phone or tablet vertically), they lose part of their lines on their box tabs. Can this please be fixed? This is huge for my client if we can get this to look better and for the lines to show up. Here’s some screenshots of the problem.

  I can give you guys Admin support for the site, which you already have, if that works easier too.

  June 16, 2014 at 10:15 am #82637
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Please add this to your custom css:

  @media only screen and (max-width: 625px) { 
  .nav-tabs > li, .nav-pills > li {
    float: left;
    width: 100%;
  }
  .spb_tabs .nav-tabs li a {
    border-width: 1px;
  }
  }

  – Kyle

  June 16, 2014 at 12:40 pm #82714
  MikeMobley2002

  Member

  Post count: 31

  I’m still seeing the same problem when viewing the home page on mobile vertical view.

  Can you check it?

  http://www.sawyersinc.com

  June 16, 2014 at 12:44 pm #82717
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try this:

  @media only screen and (max-width: 625px) { 
  .ui-tabs .ui-tabs-nav li {
    width: 100%;
    border: 1px solid #e4e4e4;
  }
  }

  – Kyle

  June 16, 2014 at 1:39 pm #82753
  MikeMobley2002

  Member

  Post count: 31

  Perfect! Last question, this is great everywhere now except the same problem on viewing on an Ipad in vertical mode. Anything to add those this code to include the iPad in vertical view?

  June 16, 2014 at 1:46 pm #82759
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Change the max-width value to 768px

  – Kyle

  June 16, 2014 at 1:49 pm #82765
  MikeMobley2002

  Member

  Post count: 31

  Got it! Thank you so much!!

  June 16, 2014 at 1:53 pm #82769
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  No problem 🙂

  – Kyle

• Back to forum

  Posted in: Flexform