Template Quark Android errors.

Template Quark Android, Samsung Galaxy S2 phone, I have many alignment problems. 1) The symbol of the cart does not line up and out of the circle on the right side. 2) Socials Icons overlap each other either in Footer Position, either in the Contact page, so either eat on the text are aligned with link to Google Maps. 3) the word MENU MEN are read only. 4) The configuration of Cookie Consent of the site, it is not me that goes in the case of telephone, where also the Accept, OK button overlaps the text. If I do not accept the use of cookies does not allow me even see the site, which does not happen with Google Chrome, etc.
I need to resolve these errors, since the main motivation that made me choose Template Quark for this project is the Responsive Perfect present at DEMO, very different from mine.

Thanks greetings. René

Hi

Make sure You are using latest version of template and tell me the url to Your site.

I send private information

Hi

I do not have Samsung Galaxy S2, so I have no way to check, but I've used HUAWEI P8 and HUAWEI Y6 to test a display for android. I have no problems described except for point 4), but this is a standard behaviour for CC plugins to cover the screen till cookies are accepted. You would need to talk to this plugin producer in order to change it.

android_sc2.jpg

android_sc1.jpg

Ok, point 4) cc, all clear, I must change plugin. For the rest of the points 1, 2 and 3. I send the screens, so you can appreciate, thanks, greetings. René

Hi

Please add this to override.css

Code: Select all

#gk-cart-btn > i {
    display: block;
    height: 28px;
    left: -1px;
    line-height: 28px;
    position: absolute;
    text-align: center;
    top: 1px;
    width: 28px;
}

.gk-footer-social-icons a {
    display: inline-block;
    height: 24px;
    margin: 0 0 0 10px;
    padding: 0;
    position: relative;
    width: 24px;
}

.gk-footer-social-icons a i {
    display: block;
    height: 24px;
    left: 0;
    line-height: 24px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 24px;
}


Hi !, after applying the code sent. The continuing problem, and there have been problems that were not before.

1) The problem of alignment shopping cart, especially regarding the center icon circle remains.

2) Social icons are now separated, but are cut in half, that is, they are not complete.

3) Contact Area, which worked well Responsive before, not now, the fields are not adapted to the Smartphone screen.

Allego screens ... Samsung Galaxy S2.

Greetings thank you. Rene Santana

screen-1_cell_w.jpg

screen-2_cell_x.jpg

Hi. Now I notice that after using the new code, the social icons that are below the map of Google, were previously aligned to the left it as the text above, now are not aligned with the text, that is, are a little to the right . It is possible to find a solution ?, attached photo, thank you, greetings. Renè

screen-social-non-alig.jpg

Hi

Fixed with this code added to Custom CSS field:

Code: Select all

.contact .gk-footer-social-icons a {
    margin: 0 10px 0 0;
}


Hi. It is not resolved. This code was solved only the problem of alignment, but on the PC, the smartphone the problem persists, thank you. René

Hi. Always on Android, social icons do not appear perfectly centered. Any solution, thank you, greetings. René

Hi

Unfortunately none of my Android devices are showing is wrong, so I have no idea if my changes to icon's code worked. Please clear cache couple of times in browser and check.

Hi, thanks for your reply, I tried it with different phone models, all with Android and apparently works best with Google as your browser, but other browsers android gives problems ... What if I can say that the car purchase non-aligned and social icons not centered at least I appear in every phone I've had, even now probe with Sony Xperia and the same. In any case, thank you, greetings. René