Hi @ronny84
Thanks for reporting this.
We will look into it and provide an update soon.
Hope this helps.
@mooveagency
I noticed when shortening the text in the banner, the button now is fine. Seems to be a problem with the hight of the container?
Kind Regards
Hi @ronny84
Yes that’s correct, the size of text was an issue.
This will be fixed in the next update of the plugin.
Hi @handmadehome
Your problem is different.
Our cookie banner is behind the cart button because your cart buttons container has a higher z-index than our banner.
This is user specific (related to storefront theme), you can add the following code snippet to functions.php to fix the CSS conflict:
add_action('moove_gdpr_inline_styles','gdpr_cookie_css_extension_zindex',10,3);
function gdpr_cookie_css_extension_zindex( $styles, $primary, $secondary ) {
$styles .= 'body.gdpr-infobar-visible .storefront-handheld-footer-bar { z-index: 999; }';
return $styles;
}
The code snippet above will overlap the mobile bottom action buttons.
If you need both GDPR and buttons visible, you can add the following instead of the first one (but it covers more space on mobile):
add_action('moove_gdpr_inline_styles','gdpr_cookie_css_extension_zindex',10,3);
function gdpr_cookie_css_extension_zindex( $styles, $primary, $secondary ) {
$styles .= '@media (max-width: 767px) { body.gdpr-infobar-visible #moove_gdpr_cookie_info_bar { bottom: 69px; } }';
return $styles;
}
In the future, we would appreciate if you can please create new ticket for your issue (but not duplicates of the same issue on several forums).
Thanks
SM
(@handmadehome)
Thank you so much @mooveagency !
Hi @ronny84
Your issue was caused by the banner height which has a hard limit of 400pixels. If you still need to display more text in the banner, you can increase the 400pixel CSS rule by adding the following code snippet to functions.php
add_action('moove_gdpr_inline_styles', 'gdpr_inline_styles_extension_mobile_banner_height');
function gdpr_inline_styles_extension_mobile_banner_height( $styles ) {
ob_start();
?>
@media (max-width: 768px) {
body.gdpr-infobar-visible #moove_gdpr_cookie_info_bar {
max-height: 100vh;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden {
bottom: 100vh;
}
}
<?php
$styles .= ob_get_clean();
return $styles;
}
Hope this helps.
