Hi,
Please add below code to Claue > Theme Option > General Layout > Custom CSS
@media only screen and (max-width: 1024px) {
.header__top .jas-col-sm-6.jas-col-xs-12,
.header__top .jas-col-sm-2.jas-col-xs-12 {flex-basis: 50%; max-width: 50%;}
.header__top .jas-col-sm-2.hidden-sm {display: block;}
.header__top .jas-col-sm-2.jas-col-xs-12.end-sm {-webkit-justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;justify-content: center;text-align: center;}
}
@media only screen and (max-width: 736px) {
.header__top .jas-col-sm-2.hidden-sm {display: block;}
}
By the way, your support expired. Could you please renew your support at https://themeforest.net/item/claue-clean-minimal-woocommerce-theme/18929281 that will help us continue develop new features and improve our theme.
Thanks
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio