Arrow scroll up

Hey,

Please share a link to your website as well.

Best regards,
Yigit

Hi,

Please add the following code to the Quick CSS field in Enfold theme options > General Styling tab:

#scroll-top-link.avia_pop_class {
  background-color: rgba(0,0,0,0.3);
}

“0,0,0” is the RGB value of the background color of the scroll to the top button and “0.3” is the opacity level.

If that doesn’t help, please post a screenshot and show the changes you’d like to make. You can upload screenshots on imgur.com or Dropbox and share the links with us.

Best regards,
Yigit

Hi,

Please add the following code to the bottom of Quick CSS field in Enfold theme options > General Styling tab:

#scroll-top-link {
  backdrop-filter: blur(15px);
  background-color: rgba(20, 21, 23, 0.3);
  box-shadow: 0 3px 4px rgba(0,0,0,0.5);
  border: none;
}

Best regards,
Yigit

Hey,

That is because you have the following custom CSS code:

@media only screen and (max-width: 767px){
.responsive #top #scroll-top-link {
    display: block;
    background-color: rgba(20, 21, 23, 0.8);
  }
}		

Please edit your custom code and change it to the following one:

@media only screen and (max-width: 767px){
.responsive #top #scroll-top-link {
    display: block;
  }
}		

Best regards,
Yigit

Hi,

It does work on my end. I attached a screenshot in the private content field.

Please make sure to clear your browser’s cache.

Best regards,
Yigit

Hey,

Please change the following code:

#scroll-top-link {
  backdrop-filter: blur(15px);
  background-color: rgba(20, 21, 23, 0.3);
  box-shadow: 0 3px 4px rgba(0,0,0,0.5);
  border: none;
}

to following one:

#scroll-top-link {
backdrop-filter: blur(15px);
background-color: rgba(20, 21, 23, 0.3);
box-shadow: 0 3px 4px rgba(0,0,0,0.5);
border: none;
-webkit-backdrop-filter: blur(15px);
}

Regards,
Yigit

Hi,

I’m sorry but I’m afraid I don’t have a solution for older versions of mobile Safari.

Best regards,
Yigit