tabs on single product page

Hi there,

I have different size images and you theme leaves a gap between the images and the tabs to allow a space for the large (tall images) as you scroll through them.

How can I make the tabs section move up and down (adjusting position) based on the image displayed? Like in the example below:

Hello,

Thank you for choosing our theme and contacting us.

Could you please send us a link where we can see the problem on your website for better understanding?

Kind Regards
XTemos Studio

OK, we see the problem. Will introduce the fix in the next update.

Kind Regards

Hi there,

Please find an example link below from the staging site:

Let me know if this makes sense or if you have any questions.

Thank you, we see the problem. Will add the fix in the next update.

Kind Regards

That is great thank you.

I have another thing with the header.

If you see the same link I sent previosly, the search widget is not inline with the cart icon etc. It works niely when you scroll down so how can I align them.

I used the below code:

add_filter( ‘basel_header_configuration’, ‘basel_custom_header_configuration’, 1, 1 );

function basel_custom_header_configuration() {

return array(
‘container’ => array(
‘wrapp-header’ => array(
‘logo’,
‘main_nav’,

‘right-column’ => array(
‘widget_area’,

‘wishlist’,
‘cart’,
‘mobile_icon’,
)
)
),

);
}

Try to use this code snippet to make it look better

.main-header .widgetarea-head {
	display: inline-block;
}

@media (max-width: 991px) {

	.main-header .widgetarea-head {
		display: none;
	} 
  
}

Regards

[Author]

Posts