css beginner css beginner - 3 months ago 11
CSS Question

Button is not clickable if we move to upside

If we visit link , search for text "Save" using CTRL + F, you can see "Save Design" button is clickable.

enter image description here

We want to move the button to upside, so when we increase value to "bottom:117px;" , then button is not clickable

enter image description here

#aitcg-control-panel .apply-but {
float: right;
margin-right: 0;
position: relative;
bottom: 77px; /* or bottom:117px; or top: -146px; */
left: 400px;
}

Answer

Comment or delete all your CSS of this selector #aitcg-control-panel .apply-but and use this CSS fix as:

#aitcg-control-panel {
    position: absolute;
    right: 110px;
    bottom: 143px;
    z-index: 1;
}

.product-essential {
    position: relative;
}

this will solve your issue.

As instead of moving the child element, moving the parent element in your case will be a more wise decision for future debugging.

Comments