All Collections
Customisation and advanced settings
Consent pop-up in depth
How to expand the mobile view of Overlay templates
How to expand the mobile view of Overlay templates

How to display all cookie categories or autohide empty cookie categories on the consent pop-up. How to expand or minimise the mobile view.

Anna Madsen avatar
Written by Anna Madsen
Updated today

In Overlay v2 and Overlay v3 pop-up templates version 1.1.0 we introduced a new minimised mobile view. The minimised view is set by default and can be expanded by clicking the expand arrow button at the top.

If you would like to change that functionality and have the view to be expanded for your mobile users by default you would need to make the following changes.

1. Under the "Advanced Options" on the "Copy and translations" tab locate the following code in the HTML part:

<div role="dialog" tabindex="-1" aria-modal="true" id="coi-banner-wrapper" class="coi-banner__wrapper" aria-describedby="coiBannerHeadline" aria-labelledby="coi-banner-wrapper_label" lang="{{language}}" dir="ltr">

2. Replace the code with the following:

<div role="dialog" tabindex="-1" aria-modal="true" id="coi-banner-wrapper" class="coi-banner__wrapper coi_expanded" aria-describedby="coiBannerHeadline" aria-labelledby="coi-banner-wrapper_label" lang="{{language}}" dir="ltr">

If you have the expanded mobile view by default and would like to have it minimised make sure you have updated to our latest Overlay v2 or Overlay v3 template.

Related articles:

Did this answer your question?