Skip to main content
All CollectionsCustomization and advanced settingsConsent popup
How to expand the mobile view of Overlay templates
How to expand the mobile view of Overlay templates
Updated over 4 months ago

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" in the "Pop-up Appearance" tab locate the following code in the HTML section:

<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 minimized make sure you have updated to our latest Overlay v2 or Overlay v3 template.

Related articles:

Did this answer your question?