1. Home
  2. Docs
  3. Cookie Consent (Shopify)
  4. How to make a full-width button on mobile screen in cookie consent baner?

How to make a full-width button on mobile screen in cookie consent baner?

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.

/* 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 */

How can we help?