Make cookie consent message bar mandatory on first page load

Hey Marc,

Thank you for the inquiry.

Do you want to keep the consent bar active even after the user accepted it? There is no option for it by default. What you can do is remove all buttons in the consent bar and notify users that by continuing to browse the site, they are by that means automatically consenting to the cookies. Why do you have to make the consent bar mandatory? It will probably be tiresome for a lot of users if they have to acknowledge the consent bar every time they visit the site.

Best regards,
Ismael

Hi,

Thank you for the clarification.

How would you like to prevent the users from browsing the site on initial load? There are many options such as removal of the main menu, prevent user from scrolling or by keeping the whole site hidden until the cookies are accepted. Which one do you prefer?

Best regards,
Ismael

Hi,

Thank you for following up.

You can use this css code to add an overlay above the content while the cookies are not yet accepted.

.av-cookies-user-needs-accept-button body #wrap_all::before {
	content: '';
	display: block;
	z-index: 502;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
}

Best regards,
Ismael

Hi,

Sorry about that. Please remove the css code and replace it with this.

.cookie-overlay-mod {
	display: block;
	z-index: 502;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
}

Then add this script in the functions.php file to render a content overlay when the consent bar is not yet hidden.

function ava_custom_privacy_overlay(){
	?>
	<script>
	(function($) {
		$(document).ready(function() {
			var consent = $('.avia-cookie-consent');

			if(!consent.is('.cookiebar-hidden')) {
				$('<div class="cookie-overlay-mod"></div>').appendTo('#wrap_all');
			}
		});
	})(jQuery);
	</script>
	<?php
}
add_action('wp_footer', 'ava_custom_privacy_overlay', 99);

Best regards,
Ismael