Menu icon Foundation
Floating Sticky Callout not working over a full-width background

I want to create a section where a callout is sticky. I've done this before but the corresponding section always had a white background. What I want to do is have a full width section with a floating callout. This is explained better in the image below.

This is almost working. What is happening is that the floating callout is hidden until I scroll down. It appears the moment the .is-stuck class is applied.

Please help me!

https://codepen.io/gbajada/pen/gBrQmr

Callout needs to be sticky over the full-width blue sections.

stickyCalloutfloating

I want to create a section where a callout is sticky. I've done this before but the corresponding section always had a white background. What I want to do is have a full width section with a floating callout. This is explained better in the image below.

This is almost working. What is happening is that the floating callout is hidden until I scroll down. It appears the moment the .is-stuck class is applied.

Please help me!

https://codepen.io/gbajada/pen/gBrQmr

Callout needs to be sticky over the full-width blue sections.

phong kham dd about 1 year ago

Phòng khám nam khoa tphcm là nhu cầu tìm thiết yếu của mọi bênh nhân nam khoa hiện nay bởi nhiều nguyên nhân khiến nam giới mắc các bệnh nam khoa , trong đó nguyên nhân chủ yếu là do vệ sinh không đúng cách khiến dương vật bị viêm nhiễm , quan hệ tình dục không an toàn …

Bệnh nam khoa có thể xảy ra ở mọi lứa tuổi , từ người cao tuổi cho đến người trưởng thành , thậm chí trẻ em cũng có khả năng mắc bệnh . 1 số bệnh có những dấu hiệu rất khó nhận biết , diễn ra âm thầm trong cơ thể . Đến khi triệu chứng quá nặng mới đi khám . Gây rất nhiều khó khăn trong việc điều trị , tốn kém nhiều chi phí.

adam christ about 1 year ago

I would like to get a full width floating and sticky callout with background support zewhatsapp.

phong kham dai dong hcm about 1 year ago

awwww