I tried to install an Whatsapp button APP and suddenly found that above my announcement bar a white space bar simply appeared and now also my page has no mobile phone responsivity for some reason. I use the Warehouse theme and tried a few codings, but nothing has fixed it; it has in fact increased. Pictures bellow
Topic summary
A user encountered two issues after installing a WhatsApp button app on their Shopify store using the Warehouse theme:
Problems identified:
- Unwanted white space appeared above the announcement bar
- Mobile responsiveness broke completely
The user attempted fixes but reported the issues worsened rather than improved.
Solution provided:
A community member offered CSS code to resolve the white space issue by:
- Adding custom styling to theme.liquid file
- Targeting the header padding on desktop screens (min-width: 641px)
- Setting padding to 0 20px with !important flag
The helper requested the store URL and provided step-by-step instructions for implementing the fix through Shopify’s code editor. Screenshots were shared showing the before/after results of the code implementation.
Hello, please give me the store URL. after that i help you.
Sure, sorry for tooking too long to reply.
1 Like
@Migsz not an issue
please add the given code above in theme.liquid
online store >> edit code >> theme.liquid
@media screen and (min-width: 641px){ .header { padding: 0 0 20px!important; } }after added looks like
