Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 15, 2015 at 11:35 am #519141
    richardelectrix

    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/

    October 15, 2015 at 6:22 pm #519478
    Elliott

    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

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