Quark Restaurant and Mobiles, Responsives...

Hi. In the case of "Quark Restaurant", I have done a testo with mobile devices and I have noticed that each and every text present in the template overlaps with each other and also some horizontal texts appear vertically. Any possible solution? Greetings, thank you. René.

Hi,

Is the issue visible on our demo website?

yes, visible on your demo...

Try to add the following custom css code:

Code: Select all

.gk-parallax-overlay h2 {
    line-height: 60px;
}

@media (max-width: 840px) {
    .gk-parallax-overlay p {
        padding: 60px 40px;
    }
}


We'll fix it with the next template update.

Hi. I confirm that the indicated code does not work, practically does not change anything, and the problems persists. I will try to be specific:
 
1) In my case, the central Logo of green color is cut, an ice cream cone, appears cut and only the tip is seen, in addition the letters of the texts overlap one another: ("Header - Front" module).

2) The social icons present in the main menu, overlap with each other, to the point of being unusable.

3) In the case of the module: "Book a Table", it does not fit and you see only half, it is cut vertically.

4) In the case of the button present in Home Page: "PRONOTA IL TUO GELATO", the testo is not adjusted in mobile devices, so that inside the button you see only "prenota", and the rest of the testo outside the button, Module: ("Mainbody content").

* In short, in mobile devices in general is a real disaster. Any possible solution? Thanks, regards. René

1) Please check Template Options -> Images section here you can increase image height for mobile version
2) Can't see the issue - what screen resolution are you checking?
3) Please ad this custom css code:

Code: Select all

.box.video-bg .gk-border-box {
    width: auto;
    max-width: 630px;
}


4) Try to add also this css code:

Code: Select all

@media (max-width: 500px) {
  .btn.large {
    padding: 0 10px;
  }
}


Hi. Thanks for your reply. On any type of Android phone, Ios, or any website check for responsive problems of all kinds. I will be very grateful if you do the tests so you see also you (in each and every one of the phones in vertical position does not work). I need some solution, thank you, greetings. René
*I have tried their codes, but they do not solve...

In this case you'll have to wait for template update..

Hi, thank you for you answer. You are confirming that the "Quark Restaurant" template, which is not free, because I buy a copy to GavickPro, does not work well on mobile devices ?.
* In my case, I am a company that deals with web ... Now what can I say to the final Cleinte ?, I sold a website that does not work well on any mobile device ?, I ask you please Give me some alternative ?, thank you, greetings. René.

Hi. Specifically in the "Book a Table" module: In mobile devices The "CONTATTACI" button does not fit the center of the screen with the "Samsung Galaxy S2" and the screen in vertical position. * In addition to this, the following phrases are not adapted: "APRI CON NOI LA TUA", "GELATERIA", "(+39) 339 123 XXXX", "CONTATTACI" (NO TESTO AND BUTTON NOT ADJUSTED) ... "Any possible solution ?, thank you, greetings. René.

Try this code:

Code: Select all

@media (max-width: 600px) {
.box.video-bg .gk-border-box {
    padding: 20px 10px;
}
.box.video-bg .gk-border-box>h2 {
font-size: 32px;
}
}


Hi, thank you for you answer. Problem solved, it works "Responsive". Thanks greetings. René.
* In my case, finally achieve that the Video works in PC. The problem is that in Mobiles the Video is not seen and I notice that in the original DEMO of GavickPro Restaurant, the Video is not seen. Any idea how to solve this problem?

I can see the background video on your website and on our demo.. What mobile device exactly are you using?

Hi, thank you for you answer. I am using several: SAMSUNG GALAXY S2, SONY XPERIA ... * The problem is not related to the format used since I used: WEBM fully compatible with Android, Windows Mobile, IOS. Greetings thank you. René.

I understand, but I've checked Android device and I can see the background video on your website. (on iOS devices, the autoplay background video is disabled)

Hi, thank you for you answer. I believe what you tell me ... I ask you to specify in which Android device you have done this test and with that browser. In the case of IOS, how can I enable the Video playback, since I can not find where it is disabled. Thanks greetings. René.

I've checked Chrome browser (latest version) on Android 6.0.1. Regarding the IOS - you can't enable it, it's this browser feature.