• Great plugin, nice options. Just some display problems especially for mobile devices.

    The file holding style is: class-ci-public.php
    located in: wp-content\plugins\easy-wp-cookie-popup\src\public
    1. First, this not working

    #cookii-advanced {
    display: none;
    }

    should be:

    .cookii-column-3 p #cookii-advanced {
    display: none;
    }

    2. Second, need some @media to adjust the display to diferent screen widths (this is very basic adjustment, everyone can make changes to fit own needs):
    I use “bottom” Banner Position, so i added inside Switch -> case ‘bottom’:

    @media (max-width: 1200px) {
    #cookii-message {
    padding: 60px 0 60px 0;
    }
    }
    @media (max-width: 1060px) {
    .cookii-row {
    max-width: 90%;
    }
    }
    @media (max-width: 700px) {
    .cookii-column-1 {
    width:70%;
    }
    .cookii-column-2 {
    display: none;
    }
    .cookii-column-3 {
    width:20%;
    }
    .cookii-column-3 p #cookii-advanced {
    display: none;
    }
    }

    3. Third, “bottom_right” Banner Position (the default one), wont show up on mobile device in a template called Jevelin, only after changing to “bottom” and changing back to “bottom_right”. Strange, didnt look more into it.

  • The topic ‘display problems especially on mobile’ is closed to new replies.