Button on mobile not full displayed

I have the same issue

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

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.