Under the Widget tab of the web accessibility settings you may choose either a top or bottom placement for the widget which will place it in the upper right or lower right corner respectively. If the web accessibility widget overlays a portion of your website in the desired location you may need to move it slightly up or down using CSS.
- From your dashboard menu choose “Appearance > Customize”.
- Click on the “Additional CSS” tab.
- Copy and paste the provided style definition for the desired location (top or bottom)
- In crease the top or bottom values in increments of 5, until the desired position is achieved.
- Click “Publish” to save the changes.
Top Position
.wp-ada-compliance-accessibility-widget-hide{
top: 12px;
}
.wp-ada-compliance-accessibility-widget-content{
top: 65px;
}
.wp-ada-compliance-accessibility-widget {
top: 25px;
}
Bottom Position
.wp-ada-compliance-accessibility-widget {
bottom: 50px;
}
.wp-ada-compliance-accessibility-widget-content{
bottom: 25px;}
@media only screen and (max-width: 470px){
.wp-ada-compliance-accessibility-widget {
bottom: 95px;
}
.wp-ada-compliance-accessibility-widget-content{
bottom: 0px;
}