Remove border on mobile product tab

  • eyeswiseopen

    (@eyeswiseopen)


    4 years ago

    I would like to remove the border around the product tab which appears on a mobile
    tried few things in CSS but makes no difference

    @media screen and (max-width: 719px)
    .woocommerce div.product .woocommerce-tabs{
    border: 0px solid var(–global-gray-400);
    margin-bottom: 2em;
    }

    any suggestions would be much appreciated

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Ben Ritner – Kadence WP

    (@britner)

    Hey,
    Add this css and let me know if that is what you are thinking:

    @media screen and (max-width: 719px){
.woocommerce .site div.product .woocommerce-tabs {
border: 0px;
}
}

    Ben

    Thread Starter eyeswiseopen

    (@eyeswiseopen)

    Many thanks
    works like a charm

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove border on mobile product tab’ is closed to new replies.