Move whatsapp button down

Store Design
, , ,
1

Hi, can anyone help me move the whasapp button down a bit for desktop ? by 30px

This didn’t work

@media screen and (min-width: 768px) {
.gty-wacb-wrapper{
bottom: 1000px !important;
}
}

2

Hi @Daniel19901

The button is appearing through an iframe, so it can’t be modified using CSS. You need to change the values in the app where the button is being generated.

3

Hello @Daniel19901

Go to online store ----> themes ----> actions ----> edit code ----> assets ---->main.css
add this code at the end of the file and save.

.gty-wacb-wrapper {
bottom: 20px !important;
}

Result

86.png
86.png1520×919 265 KB

Thanks

4

Hello, @Daniel19901

  1. Go to Online Store
  2. Edit Code
  3. Find theme.css/base.css file
  4. Add the following code in the bottom
@media screen and (min-width: 768px) {
.gty-wacb-wrapper {
    bottom: 30px !important;
}
}

Thanks!