Reply To: Sliding header | Promotional campaign

Hi,

1. Initially, the stretch row is supposed to be used only on the page content, and not on site’s header. To fix the HTML block stretch row position in the header, try to use the following custom code

.whb-flex-row .wd-section-stretch-content-no-pd {
	--wd-row-spacing: 0.001px;
	left: calc((50% - 50vw + var(--wd-sticky-nav-w) / 2 + var(--wd-scroll-w) / 2) + var(--wd-row-spacing) - 1.4vw)
}

2. You added HTML-block with text carousel only to the desktop header, but the mobile header top bar remained empty (https://gyazo.com/884461f5842ae5f849b735a1a6b22de9). All elements that you added to the desktop header are visible only on the desktop, and the mobile header needs to be edited separately. Also, if your carousel text is wrapped in two lines, the mobile header top bar need to be additionally adjusted.

As an alternative, rather than use the header top bar, you can use the header banner option (https://prnt.sc/DksJwjLo3eox) that is specially created to show promo information over the header.

Kind Regards