Hi,
you can try the below one, where .message-icon will be your header class. You can adjust the right, left, and min-width properties as per your view.
@media screen and (min-width: 992px) {
.message-icon {
right: 8%;
}
}
@media screen and (min-width: 1224px) {
.message-icon {
right: 9%;
}
}
@media screen and (min-width: 1690px) {
.message-icon {
right: 16%;
}
}
@media screen and (min-width: 1770px) {
.message-icon {
right: 17.6%;
}
}
@media screen and (min-width: 1920px) {
.message-icon {
right: 21%;
}
}
@media screen and (min-width: 1980px) {
.message-icon {
right: 21.5%;
}
}
@media screen and (min-width: 2150px) {
.message-icon {
right: 27%;
}
}
@media screen and (min-width: 2350px) {
.message-icon {
right: 29%;
}
}
@media screen and (min-width: 2600px) {
.message-icon {
right: 31%;
}
}
@media screen and (min-width: 2850px) {
.message-icon {
right: 33%;
}
}
Mark the answer as Correct or Helpful based on impact.
