This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Tabs – Responsiveness

  • Creator
  • #20635

    I have built a series of tab sections throughout my website and they work great, however on mobile, it looks horrible. Any chance of looking at it to see what I could do to fix it?

    There are several pages, but here is just one:


Viewing 1 replies (of 1 total)
  • Author
  • #20638
    Jason Bobich


    You could maybe try styling them to be full-width on mobile. This should get you started with your customizations:

    @media (max-width: 767px) {	
      .nav-tabs > li {
        border: none;
        float: none;
        margin: 0;
      .nav-tabs > li > a {
        border: none;
        border-radius: 0;
        margin: 0;
      .nav-tabs > > a, 
      .nav-tabs > > a:hover,
      .nav-tabs > > a:focus {
        background: #fff;
        border: 1px solid #ddd;

    For CSS changes, it’s a good idea to use a tool like firebug or Google Chrome’s built-in developer tools to locate them and then put the edits either in your child theme‘s style.css or in the “Custom CSS” option on your theme options page.

Viewing 1 replies (of 1 total)
  • The forum ‘Alyeska Responsive WordPress Theme’ is closed to new topics and replies.