Hi, Webflow community,
I’ve got the weird issue with my sticky component on Firefox browser(web).
Below how it works correctly on Chrome :
And How it works wrong on firefox :
Could someone help with this layout issue?
Best
Meryl
Hi, Webflow community,
I’ve got the weird issue with my sticky component on Firefox browser(web).
Below how it works correctly on Chrome :
And How it works wrong on firefox :
Could someone help with this layout issue?
Best
Meryl
hi @Meryl_bnth here is some hint how to fix it but you will need to rethink positioning of this element. Anyway main reason is that FFX doesn’t like to have sticky
within flex
. you can find more info on stackoverflow if you are interested. I have made short video that can give you an idea where and how
Hello Stan,
thank you so much for your answer, your time and your video.
I understand what you explain to me but I don’t know what it is “align-self : end” on webflow. Is-it in layout ?
When I change it, it doesn’t resolve bug :
hi @Meryl_bnth in first place it is not a bug as each browser engine solve identical thing its own way thats why we should always check website in each major browser. Anyway, If you are familiar with CSS principles and look on your styling you will see that you aligning come from your card.
EDIT: I was checking your issue one more time and there is most probably some inherited styling. It can be your styling in your project global setting (I have no access) or some Webflow inherited styling involvement you do not have control over. but you can add this custom code to overwrite this inherited style.
.right-column{
align-self: start !important;
}
Hello stan,
I have added custom code and it works now. Thank you very much for your help
Hi @Meryl_bnth I’m glad to help, if you do not have other questions to this topic feel free to close your request
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.