display problems especially on mobile
-
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.