Header with Divi Theme Builder not recognized

Hi @jchrusty,

You may try the solution as explained in our support article:
https://support.fluidcheckout.com/portal/en/kb/articles/order-summary-progress-bar-cut-off-by-header

Best,
Diego

Hi,

thank you for your response. I read this article and have still problems. It seems that there is no element with an ID, but only classes.

I use the Divi heme Builder get an global header for all sites and so also for the checkout page.

Best regards

Hi again,

I have now set an ID for my header and use the code desribed in the article.

The progress bar now works. But the sidebar summary won’t. There is a little moment, when I scroll up there is the the sidbar sticky. Maybe for 5px. But the it scroll up.

This is the code I have used:

function fluidcheckout_change_sticky_elements_relative_header( $attributes ) {
// Bail if using the plugin's header and footer
   	if ( FluidCheckout_Steps::instance()->get_hide_site_header_footer_at_checkout() ) {
		return $attributes;
	}

	$attributes['data-sticky-relative-to'] = '#jr_global_header';

    return $attributes;
}

add_filter( 'fc_checkout_progress_bar_attributes', 'fluidcheckout_change_sticky_elements_relative_header', 30 );
add_filter( 'fc_checkout_sidebar_attributes', 'fluidcheckout_change_sticky_elements_relative_header', 30 );

I have made a short video

Short Video

Any suggestions?

Best regards

Hi @jchrusty,

What happens is that when the sidebar bottom reaches the end of the container element it will scroll with the page to avoid overlapping and hiding content in the site footer. That is how it is supposed to be.

https://t2449427.p.clickup-attachments.com/t2449427/00f7f8ab-a78f-4103-afbd-9e8de9cd5ad8/Screen%20Shot%202022-01-29%20at%2000.12.22.png

When you have content that is taller on the steps (left side), or when the order summary (right side) is shorter, it will feel more natural.

Try opening the shipping address substep to edit the information, it will make the left site taller.

I’m closing this topic for now. If you need further assistance, please reply to this topic.

Best,
Diego