Search Results for 'css'

[ArtK]

Hi,

Can you please mention which plugin you are using for wishlist? This looks like a minor css issue.

Can you kindly open a new ticket as we are about to close this one as our request has been re-solved. It is always important to open your issues under a new ticket in order to help Harry who will be helped a lot as he can track things easily 🙂

Best Regards,

Team AK

[dinaFashion]

Hello,
I just updated the theme for the first time after I bought and noticed this bug. It seems like the Wishlist is overlapping the Cart Section but I checked your online demo which I think use the latest version of the theme and it looks perfect.
Note: I don’t have any custom css added by me.. also I just check the website on my mobile and it worked perfect. It seems like it happens only on web browsers.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi bạn,

Bạn thêm đoạn code sau vô file functions.php in claue-child

add_action( 'wp_head', 'remove_page_head' );
function remove_page_head(){
	remove_action( 'woocommerce_before_main_content', 'jas_claue_wc_page_head', 15 );
}

function jas_claue_child_wc_page_head() {
	if ( ! cs_get_option( 'wc-enable-page-title' ) || ( class_exists( 'WCV_Vendors' ) && WCV_Vendors::is_vendor_page() ) ) return;

	$title = cs_get_option( 'wc-page-title' );

	$output = '<div class="page-head pr tc"><div class="jas-container pr">';
		if ( is_search() ) {
			$output .= '<h1 class="mb__5 cw">' . sprintf(__( 'Search Results for: %s', 'claue' ), '<span>' . get_search_query() . '</span>' ) . '</h1>';
		} elseif ( is_shop() ) {
			$output .= '<h1 class="mb__5 cw">' . esc_html( cs_get_option( 'wc-page-title' ) ) . '</h1>';
			//$output .= '<p class="mg__0">' . do_shortcode( cs_get_option( 'wc-page-desc' ) ) . '</p>';
		} else {
			// Remove old position of category description
			//remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );

			$output .= '<h1 class="cw">' . single_cat_title( '', false ) . '</h1>';
			//$output .= do_shortcode( category_description() );
		}
		ob_start();
		$output .= ob_get_clean();
	$output .= '</div></div>';

	echo wp_kses_post( $output );
}
add_action( 'woocommerce_before_main_content', 'jas_claue_child_wc_page_head', 15 );

và 1 đoạn code vô Claue > Theme Option > General Layout > Custom CSS

.term-description {
	display: block;
	padding: 0 15px;
}

Best regards

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

[netnauts]

i did do as said but this is what happens : https://imgur.com/XxxbQpb

i need it like : Menu Button , The Logo Then On the right search,wishlist  and cart icons like this : https://imgur.com/a/alEav8q

This is the code in my Custom Css : @media only screen and (max-width: 736px) {
.product-inner.pr {
background: #f2f2f2;
border-radius: 0 0 5px 5px;
}
.product-info.mt__15 {
padding: 0 10px 6px;
}}
@media only screen and (max-width: 960px) {
.jas-branding {
margin: 0;
}}

[Harry]

Hi rusteynail,

Please add below code to Theme Settings > Custom Code > Custom CSS

.quantity .tc a {
	height: 44px;
	line-height: 42px;
}
.quantity {
	height: 44px;
	border-radius: 0;
	line-height: 42px;
}
.quantity input.quantity__input {
	height: 44px;
	line-height: 42px;
}
.form__atc--action .button--atc-ajax {
	height: 44px;
	border-radius: 0;
	line-height: 42px;
}

Best regards

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

[ArtK]

This reply has been marked as private.

[Harry]

Hi,

Please remove 3 first lines in Theme Option > General Layout > Custom Css and add new code to the bottom.

Best regards

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

[netnauts]

i did upload and extract the file u attached but in the Theme Option > General Layout > Custom CSS there is already some media code (this : https://imgur.com/a/om6wxVp ) should i replace this with this : @media only screen and (max-width: 960px) {
.jas-branding {
margin: 0;
}}

or shoul i add it in the bottom ( here : https://imgur.com/a/YFGio1G )

 

[ArtK]

This reply has been marked as private.

[Harry]

Hi,

Please download attach file and extract to claue-child > views > header

and add below code to Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 960px) {
.jas-branding {
	margin: 0;
}}

Attachments:

You must be logged in to view attached files.

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