Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #519141

    Hi

    I have been using this code to make the tabs full width when viewed on mobile.

    @media only screen and (max-width: 767) { 
    
    li.additional_information_tab {
        width: 100%;
    }
    
    li.additional_information_tab a.no-scroll {
        width: 100%;
    }
    
    li.product-tab_tab {
        width: 100%;
    }
    
    li.product-tab_tab a.no-scroll {
        width: 100%;
    }
    
    li.gear-plate-dimensions_tab {
        width: 100%;
    }
    
    li.gear-plate-dimensions_tab a.no-scroll {
        width: 100%;
    }
    
    li.gear-plate-window-dimensions_tab {
        width: 100%;
    }
    
    li.gear-plate-window-dimensions_tab a.no-scroll {
        width: 100%;
    }
    
    li.reviews_tab {
        width: 100%;
    }
    
    li.reviews_tab a.no-scroll {
        width: 100%;
    }}

    It was working but now appears to have stopped.

    http://screencast.com/t/epea2vhE7

    http://dev2.electrixinternational.com/product/flat-roof-push-button-enclosure-22-5-mm-holes/

    #519478

    Hi richardelectrix!

    Add this to your custom CSS.

    @media screen and (max-width: 767px){
    .product .tabs > li, .product .tabs > li > a {
        width: 100% !important;
    }
    }

    Regards,
    Elliott

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.