need help with mobile view

[sijpat]

Hi, you had asked to create topic at support platform here https://themeforest.net/comments/21423587

1) How to make the logo bigger on mobile? and how to replace the menu icon, pls see the link:
http://prntscr.com/ml3o8m

2) the arrows instead of plus minus for the mobile menu doesnt work properly too, if you can look into it pls.
http://prntscr.com/ml3q9g

url to test: http://uaeservers.com/demo/najmi/

Looking forward for your reply.

[Harry]

Hi,

1. Please add below code to Claue > Theme Option > General Layout > Custom CSS

.header__mid.pl__15.pr__15 {
	padding: 0;
}
.jas-push-menu-btn img {width: 24px;}
.jas-push-menu-btn .visible-xs::after {
	content: "Menu";
	font-size: 12px;
}
.jas-col-md-8.jas-col-sm-6.jas-col-xs-6.center-xs {
	padding: 0;
}

2. Please change code to

.holder:after, .holder:before {
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.holder:after {
    top: 14px;
    right: 20px;
}
#jas-mobile-menu ul li.open > .holder::before {
    opacity: 1;
    visibility: visible;
}
#jas-mobile-menu ul li.open > .holder:before,
#jas-mobile-menu ul li.open > .holder:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.holder:before {height: 1px;}
.holder:after {width: 1px;}

Kind regards

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

[Harry]

Hi,

1. Please change prev code to

.header__mid.pl__15.pr__15 {
	padding: 0;
}
.jas-push-menu-btn img {width: 24px;}
.jas-push-menu-btn.visible-xs:after {
	content: "Menu";
	font-size: 12px;
}
.jas-col-md-8.jas-col-sm-6.jas-col-xs-6.center-xs {
	padding: 0;
}

3. I’m sorry i don’t know action hook of this plugin, please contact plugin author

Kind regards

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

[Harry]

Hi,

1. Please add below code to Claue > Theme Option > General Layout > Custom CSS

.page-head h1 {
	color: #fff;
}

and change #fff with your color

2. Please go to Claue > Theme Option > WooCommerce > Sub category settings > Choose layout to 3 column

3. Please add below code to Claue > Theme Option > General Layout > Custom CSS

.archive .woocommerce-breadcrumb {
	display: block;
	padding: 10px 15px;
	background: #f6f6f8;
}
.sub-categories.mt__30 {
	margin-top: 0;
}
.woocommerce-ordering {
	position: relative;
	z-index: 8;
	border: 1px solid #ddd;
	border-radius: 40px;
	display: none;
}

Please reply on this topic, that will help us easy track your issue and help you faster.

Thanks

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

[Harry]

Hi,
1. Please reply on this topic.

2. Please go to Theme Option > Header > my account icon > off

Kind regards

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

[sijpat]

Hi,

please check the link:

http://prntscr.com/mpond6

 

 

[Harry]

Hi,

1. I check on my screen on Firefox, Chrome http://prntscr.com/mpwozm it work well

2. I’m sorry on product single layout it doesn’t support to show title bar.

Kind regards

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

[sijpat]

Hi,

1. yes it works
2. i needed the title bar on all pages, is there a work around to get it on the product details page?

[Harry]

Hi,

Please add below code to claue-child > functions.php

function jas_claue_wc_product_page_head() {
	$output = '<div class="page-head pr tc"><div class="jas-container pr">';
		if ( is_product() ) {
			$output .= '<h2 class="mb__5 cw">' .  get_the_title() . '</h2>';
		}
		ob_start();
		$output .= ob_get_clean();
	$output .= '</div></div>';

	echo wp_kses_post( $output );
}
add_action( 'woocommerce_before_single_product', 'jas_claue_wc_product_page_head', 5 );

Kind regards

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

[Author]

Posts