New Landing › How can we help? › Themeforest Theme Support › Neighborhood › Tabs broken on mobile devices

Viewing 8 posts - 1 through 8 (of 8 total)
  • Back to forum
    Posted in: Neighborhood
  • March 18, 2014 at 4:39 am #58364
    MHC
    Member
    Post count: 247

    Hi, my tabs are working fine on Safari & iPad, but look broken on mobile devices. What can I do to resolve this problem? (Will attach screen shots & URL)

    Best,

    March 18, 2014 at 4:42 am #58365
    MHC
    Member
    Post count: 247
    This reply has been marked as private.
    March 18, 2014 at 11:04 am #58495
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    Try adding this 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

    March 18, 2014 at 11:18 am #58506
    MHC
    Member
    Post count: 247

    Hi Kyle,

    Thanks it’s better now, but still a little bit broken, please see attached mobile screen shot.

    Best,

    March 18, 2014 at 11:19 am #58508
    MHC
    Member
    Post count: 247
    This reply has been marked as private.
    March 18, 2014 at 11:58 am #58533
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    I’ve just checked on my iphone and they do not look like that. You might need to clear your cache

    – Kyle

    March 18, 2014 at 12:15 pm #58548
    MHC
    Member
    Post count: 247

    Cleared cache and the css works perfectly!

    Thanks so much!!

    March 18, 2014 at 12:19 pm #58551
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    No problem!

    – Kyle

  • Back to forum
    Posted in: Neighborhood
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register