Move whatsapp button down

Store Design
, , ,

Topic summary

A user seeks help repositioning a floating WhatsApp button lower on their desktop site (oriental-perfum.myshopify.com). They attempted CSS modifications using media queries to adjust the .gtw-wacb-wrapper class with position: relative and top: 60px !important, but the changes didn’t work.

Another user provided a solution involving:

  • Navigating to Online Store → Edit Code → theme.liquid file
  • Adding custom code above the </body> tag

However, the actual code snippet and implementation details appear corrupted or improperly formatted in the response, making the complete solution unclear. The discussion remains open regarding the specific working code needed to achieve the desired button repositioning.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

Hi, can anyone help me move the floating whatsapp button down a bit for desktop ?

I tried this but it didn’t work
@media (min-width: 789px) {
.gty-wacb-wrapper {
position: relative !important;
top: 60px !important;
}
}

1 Like
2

Hey @Daniel19901

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1733159669863.png
Moeed_0-1733159669863.png1888×920 427 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed