Skip to main content

How to make a full-width button on mobile screen in cookie consent banner for Shopify store?

Open the app settings and set Button direction to Vertical. The Accept and Reject buttons then stack and stretch to the full banner width on mobile. Click Save to apply (saving customizations requires the Advanced plan). No theme CSS edit is needed.

Only if you turned off the New frontend checkbox in the Cookie Consent Widget app embed, the older banner uses the classes below and you can add this CSS to your theme's main or base stylesheet (style.css, theme.css, base.css, etc.):

style.css, theme.css, base.css, etc
/* Cookiefy Cookie consent banner -BY APPIFYCOMMERCE */
@media only screen and (max-width: 600px) {
  .appify_rcc_bottomL,
  .appify_rcc_bottomR,
  .appify_rcc_topL,
  .appify_rcc_topR {
    display: block !important;
  }
  .appify_rcc_column2 {
    display: contents;
  }
  .appify_rcc_content {
    margin: 0 !important;
  }
}

/* Cookiefy Cookie consent banner -BY APPIFYCOMMERCE */

Get Cookiefy app for Shopify store from here Cookiefy - Privacy Policy