TigriWeb

Hi Ken,

You can fix this by adding the following CSS code under Appearance → Customize → Additional CSS:

.site__header {
	position: sticky !important;
	top: var(--wp-admin--admin-bar--height, 0px);
}
.site__header__sticky-area {
	background-color: var(--kampina--color--header-bg) !important;
}

.header-is-fixed .site__header__content::after {
	content: none;
}
@media screen and (max-width:600px) {
	#wpadminbar {
		position: fixed;
	}
}

This will make the header sticky on all pages as well.

Best regards,
TigriWeb Team

Hi Ken,

Thank you for your question.

In the current Kampina theme structure, the footer consists of these rows:

• Footer Top
• Footer Columns 1–4 (a row with four predefined widget areas)
• Footer Bottom

The theme provides four dedicated footer columns by default, and this number cannot be extended to six through the theme settings.

However, you can still create a six-section footer layout:
You may add six separate widgets in the Footer Top area, remove all content from Footer Columns 1–4, and apply a small amount of custom CSS to display those six widgets as six columns. This approach allows you to achieve the layout you described without modifying the theme’s core structure.

Best regards,
TigriWeb Team

Hi Ken,

Thank you for your message.
You can fix this issue by adding the following CSS code under Appearance → Customize → Additional CSS:

@media screen and (max-width: 991px) {
	.site__header,
	.site__header__sticky-area {
		position: sticky;
		top: calc(var(--wp-admin--admin-bar--height, 0px) - var(--kampina--announcement-bar--height, 0px) );
	}
}
@media screen and (max-width: 600px) {
	.site__header,
	.site__header__sticky-area {
		position: sticky;
		top: calc(var(--kampina--announcement-bar--height, 0px) * -1);
	}
}

This will make the header sticky on mobile devices as well.

Best regards,
TigriWeb Team

Hi Yvan,

We also use these hooks in the Kampina theme, so try this code:

function kampina_fix_template_loop_product_link_open() {
	?><div class="woocommerce-LoopProduct-link woocommerce-loop-product__link"><?php
}
function kampina_fix_template_loop_product_link_close() {
	?></div><?php
}
function kampina_fix_template_loop_product_title() {
	?><h2 class="<?php echo esc_attr( apply_filters( 'woocommerce_product_loop_title_classes', 'woocommerce-loop-product__title' ) ); ?>"><?php
		the_title();
	?></h2><?php
}
function kampina_fix_loop_add_to_cart_link() {
	echo '';
}

add_action( 'template_redirect', function() {
	if ( is_product_category( 'produits-ferme' ) ) { // without is_product().
		// remove thumbnail a.
		remove_action( 'woocommerce_before_shop_loop_item', 'woocommerce_template_loop_product_link_open', 10 );
		remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_link_close', 10 );

		// add thumbnail div.
		add_action( 'woocommerce_before_shop_loop_item', 'kampina_fix_template_loop_product_link_open', 10 );
		add_action( 'woocommerce_before_shop_loop_item_title', 'kampina_fix_template_loop_product_link_close', 10 );

		// remove title a.
		remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );

		// add title h2.
		add_action( 'woocommerce_shop_loop_item_title', 'kampina_fix_template_loop_product_title', 10 );

		// remove button.
		add_filter( 'woocommerce_loop_add_to_cart_link', 'kampina_fix_loop_add_to_cart_link', 10, 3 );

		// remove button aria-describedby span.
		add_filter( 'woocommerce_loop_add_to_cart_args', '__return_false' );
	}
} );

Best regards,
TigriWeb Team

Dear Imran,

Since the product is a WooCommerce variable product, customers need to select an option before proceeding with the purchase. Because of this requirement, the “Buy Now” or “Book Now” button cannot be immediately actionable without first choosing a variation.

To make this work, the entire selection form would have to be floating, which would take up a significant portion of the screen on mobile devices, potentially affecting usability rather than improving it.

Best regards,
Tigriweb Team

Hi Imran,

I added some custom HTML “Quantity Label” to the “Atlantis” “Product Options” and now the label is shown 😉

Best regards,
TigriWeb Team

Hi,

Could you create a user “administrator” and send access to the admin panel to the email – tigriweb@gmail.com?

Best regards,
TigriWeb Team