problems with header layout 4 on mobiles

[sijpat]

im using the header layout 4 as mentioned http://support.janstudio.net/forums/topic/change-search-bar/

its fine on the PCs but on mobiles the header doesnt render correctly, logo search bar and all icons are overlapping, please see here http://prntscr.com/qxbwoa

how can i correct this?

Site URL: https://ratansonline.com/

 

[Harry]

Hi,

Please add more code to Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 736px) {
.header__mid .jas-row {
	position: relative;
}}

Kind regards

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

[sijpat]

Thanks harry,

just one more thing, http://prntscr.com/qxilyi

1. i want to remove the top bar on mobile
2. hide one block on mobile as in the screenshot.

also, i do not see the My Account Icon on the mobile.

[Harry]

Hi,

Please change prev code to

@media only screen and (max-width: 767px) {
.header__mid .jas-row {
	position: relative;
}
.header__top {
	display: none;
}
.vc_custom_1558731800109 {
	display: none;
}
.header__mid .jas-row a.cb.chp.db {
	color: #fff;
}}

The account icon will show when you click on menu button on mobile.

Btw, your support expired. 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.

Thank and best regards

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

[Author]

Posts