Header on checkout

[tiltil]

I want to reduce header size only on checkout page. So far only the header height gives me problems:

This is the custom CSS I used:

/* Remove header na checkout */
.page-id-4741 .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.flex.end-lg.end-sm.center-xs {
display: none;
}
.page-id-4741 .jas-action.flex.end-xs.middle-xs.jas-col-md-3.jas-col-xs-3 {
display: none;
}

.page-id-4741 .jas-col-md-3.jas-col-xs-3.flex.start-md.middle-xs {
visibility: hidden;
}

.page-id-4741 ul#jas-main-menu {
display: none;
}

.page-id-4741 .header__top.bgbl.pl__30.pr__30 {
display: none;
}
.page-id-4741 .jas-menu > li > a {
line-height: 50px;
}

Thanks

 

[Harry]

Hi,

You don’t need the css code, only edit page and navigate to Page Layout Option > Page Title > Off.

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[tiltil]

I dont know where you see page title? Its off.

[Harry]

Hi,

Sorry for late reply.

You can go to  Dashboard >  Pages > Checkout > Edit > Page Layout Option > Page Title > Off.

Best regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts