As a newcomer to the world of HTML, I am currently developing a website for my family. They have requested a button that is positioned in the top right corner of the page.
The button functions correctly and appears in the desired location, but there is an issue - it only becomes visible after scrolling halfway down the page. How can I ensure that the button is always visible without the need to scroll first?
Given that I am using Wordpress, I am constrained to utilizing a widget location that is either in the middle of the page or in the footer.
<style>
#button {
position: fixed;
background-image: url(buttonimg.png);
width: 125px;
height: 125px;
background-size: cover;
border-radius: 100px;
border: none;
top: 90px;
right: 0px;
z-index: 3
}
font {
line-height: 28px;
color: black;
}
</style>
<a href="example.com">
<button type="button" id="button">
<font size="4" spacing="0">
Press this button
</font>
</button>
</a>