Fix Cookie setting button position in mobile

Store Design
, , , ,
1

Hey, im looking for help to fix the cookie button position in mobile devices

Dabou_0-1708437669843.png
Dabou_0-1708437669843.png908×1816 144 KB

Website is in my signature,

Thank you.

2

Hey @Dabou ,

Please add the below-provided CSS code in the Global Custom CSS section:

button.cky-banner-element {
	position: absolute;
	bottom: -42px;
	right: -30px;
	margin: 0;
}

Steps:

  1. In your Shopify admin, go to Online Store > Themes.
  2. Click Customize.
  3. Click Theme settings.
  4. Click Custom CSS.
  5. Add the above-provided CSS code.
  6. Click Save and Verify.

Result:

DevDynamo_0-1708536680311.png
DevDynamo_0-1708536680311.png300×450 17.9 KB

Thank You.

3

Hey @DevDynamo , thank your for your answer but i would like to change only in the mobile view, not desktop, this code changes for both.

4

Hey @Dabou ,

Sorry for the previous code. Please add the below-updated code to make changes on Mobile devices only:

/* For Mobile */
@media only screen and (max-width: 767px) {
	button.cky-banner-element {
		position: absolute;
		bottom: -42px;
		right: -30px;
		margin: 0;
	}
}

Thank You.

5

@DevDynamo it worked, thank you.