dylank1 Posted September 9, 2020 Share Posted September 9, 2020 Site URL: https://www.crescentridgedairybar.com/products I have a div named .fixedelement with position: sticky; top: 0; on an index page Here is the code block code i'm using: <style> .fixedelement { position: sticky; top: 00px; width:100%; margin: 0px; background-color: white; padding: 5px; min-width: 300px; overflow: visible; position: -webkit-sticky; } </style> <div class="fixedelement"> <a href="#milk"><button style=" width: 23%;white-space: nowrap; font-size: 18px; font-family: arial;overflow: visible; transition: opacity 0.1s linear 0s; border-radius: 300px; background-color: orange; display: inline-block; height: auto; border-width: 0px; text-align: center; text-decoration: none; cursor: pointer; appearance: none; line-height: normal; padding: 10px; margin-bottom: 10px; min-width: 100px; align: center;"> <b>Milk </b> </button></a> <a href="#icecream"><button style="width: 23%;white-space: nowrap; font-size: 18px; font-family: arial; transition: opacity 0.1s linear 0s; border-radius: 300px; background-color: orange; display: inline-block; height: auto; border-width: 0px; text-align: center; text-decoration: none; cursor: pointer; line-height: normal;overflow: visible; padding: 10px; min-width: 100px;margin-bottom: 10px;"> <b>Ice Cream </b> </button></a> <a href="#beefandpork"><button style="width: 23%;white-space: nowrap; font-size: 18px; font-family: arial; transition: opacity 0.1s linear 0s; border-radius: 300px; background-color: orange; overflow: visible; display: inline-block; height: auto; border-width: 0px; text-align: center; text-decoration: none; cursor: pointer; line-height: normal; padding: 10px; margin-bottom: 10px; min-width: 100px;"> <b>Beef & Pork </b> </button></a> <a href="#Novelties"><button style="width: 23%;white-space: nowrap; font-size: 18px; font-family: arial; transition: opacity 0.1s linear 0s; border-radius: 300px; background-color: orange; display: inline-block; height: auto; border-width: 0px; text-align: center; text-decoration: none; cursor: pointer; line-height: normal; padding: 10px; margin-bottom: 10px; min-width: 100px;overflow: visible; "> <b>Novelties </b> </button></a> </div> Link to comment
tuanphan Posted September 12, 2020 Share Posted September 12, 2020 Hi. Have you fixed this yet? 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.