hide help bar in check out page

[dennisyoo]

Hide Help Bar modal

i try to use above the links css but its not working to me is there any other css ?

thank you for your help !!

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issue to check and resolve the issue.
Thanks
Mohammad

[dennisyoo]

i attached picture , and i want remove these – help_bar(Shipping information /Returns & exchange /F.A.Q.’s)

i try to find solution in support and i found a CSS recomended but it not work for me

please find the way using CSS. thanks!

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

.help-bar {
  display:none;
}

– Kyle

[dennisyoo]

This reply has been marked as private.

[David Martin – Support]

Please add a URL.

– David

[dennisyoo]

This reply has been marked as private.

[dennisyoo]

i try put this code themeoptions-custom css

.product_meta p .leave-feedback, .product_meta p .need-help, .single-product .product-share , .woocommerce-checkout .woocommerce .help-bar ul{
display:none;
}

or i need to direct to put in [woocomerce_checkout] page?
wow…. myself silly..

[Kyle – SUPPORT]

Add this to Theme Options > Custom CSS:

.woocommerce .help-bar ul li:not(:first-child) {
  display: none;
}

– Kyle

[dennisyoo]

hello Kyle

still not working

what should i do?

.woocommerce .help-bar ul li:not(:first-child) {
display: none;
}

(:first-child)-> need url here? or change name?

[Kyle – SUPPORT]

You’ve put it inside a media query, you need to close the media query before the css

Replace all of your custom css with this:

@media only screen and (max-width: 479px) {
body .woocommerce-shop-page ul.products li.product, 
body .product_list_widget > div > ul.products li.product {
    width: 46%!important;
    min-height: 315px;
}
}

.woocommerce .help-bar ul li:not(:dante-child) {
  display: none;
}

– Kyle

[dennisyoo]

im sorry to say again …it’s not work..

[Kyle – SUPPORT]

Sorry I meant

@media only screen and (max-width: 479px) {
body .woocommerce-shop-page ul.products li.product, 
body .product_list_widget > div > ul.products li.product {
    width: 46%!important;
    min-height: 315px;
}
}

.woocommerce .help-bar ul li:not(:first-child) {
  display: none;
}

– Kyle

[dennisyoo]

thank you so much! its working now!

[Rui Guerreiro – SUPPORT]

Great. Thanks Kyle
-Rui