Skip to main content

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

In the main/base CSS file, add the following code to increase the button’s width (Full width in mobile screen).

CSS files such as style.css, theme.css, base.css, etc.

Copy given below code and paste it in the css files.

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