Guest Posted December 9, 2020 Share Posted December 9, 2020 Site URL: http://kanbeeapp.com Hi All, I am trying to keep my form block fixed at the bottom of the page as I scroll my website, is there a way to do this? Also trying to reformat the form to a new layout (screenshot attached). Thank you! Link to comment
tuanphan Posted December 12, 2020 Share Posted December 12, 2020 Hi. Where is form? I don't see it on homepage Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Guest Posted December 12, 2020 Share Posted December 12, 2020 23 minutes ago, tuanphan said: Hi. Where is form? I don't see it on homepage Hey Tuan, it's there now at the bottom of the home page if you scroll down Link to comment
tuanphan Posted December 20, 2020 Share Posted December 20, 2020 Hi. Add to Home > Design > Custom CSS /* Fixed form block */ div#block-yui_3_17_2_1_1607698148029_12321 { position: fixed; bottom: 0; z-index: 999; left: 50%; transform: translateX(-50%); width: 30%; background: white; } div#block-yui_3_17_2_1_1607698148029_12321 form { display: flex; align-items: center; } iv#block-yui_3_17_2_1_1607698148029_12321 .field-list { width: 80%; margin-right: 10px; } @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1607698148029_12321 { width: 90%; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.