Graphic logo, for use with Quark template...

Hi. I need to know the exact dimensions of the graphic logo, for use with Quark template. Well, in the PC it is aligned more or less, but in the phone is not aligned with respect to Menu. It could be solved ?, thanks, greetings. René

Hi

You can use any size that fits You. Than just remind me the url to Your site and I'll help with a code to resize it while in mobile.

Hi, URL: (www.festagratis.it), while in mobile?, thank you, very much. René

Hi

I think it's fixed not with this code added to override.css

Code: Select all

@media only screen and (max-width:640px) {
#gkLogo {
    margin-left: 15px;
    margin-top: 26px !important;
}
}


Thank you, very much, Now I test, greetings, René

HI

Ok. Please let me know if it worked so I'll be able to close this thread.

Hello, a question: I can modify dpi, in the code, for ajuster on mobile devices ?, or code could also affect visuliazacion in the PC ?, thanks, greetings

Hi

You mean image dpi ? No You cannot modify it per device. The whole point of responsive functionality is that same resources used on desktop can be used on other devices, just reorganised to fit there better.

Hello, thank you, if it is clear the concept responsive ... I only see that in the mobile device the Logo is a bit small, you can change some parameters to make it bigger, but only for the mobile device, or some other type of solution. In my case, use an area, larger than the logo, .PNG image and this allows me to change the position graphically, but it is always a solution graphic ... thanks, greetings. René

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all

@media only screen and (max-width:640px) {
#gkLogo img {
    max-width: 200px;
}
}


Hello, the code does not work for me, and I notice that I have another problem that previously had on mobile devices: the home page, I just put the phone with the horizontal screen, the background image to a smaller width dimension is reduced phone screen, leaving out the Logo and Cart. I tried to remove the code, but the problem remains. Any solution ?, thanks ...

Hi

Use higher priority code:

Code: Select all

@media only screen and (max-width:640px) {
#gkLogo img {
    max-width: 200px !Important;
}
}


unfortunately I do not understand the phone issue.

Hi. Thanks for your reply ... I would ask if you may do a test display on mobile devices from a pequeñe screen for example the Samsung Galaxy S2, iPhone, Tablet ... Please you open your page in a mobile device with the phone upright and you turn the phone to a horizontal position, you will see clearly that the Home Page is reduced to giving the outside Logo Background image ... There are problems that are verified in any mobile device, I tried also with Sony, and it is the same ... *In one of the pictures you sent did a graph with a red arrow to give notice that randomly when I scroll up a logo appears on the right side of the phone screen, I have no idea that something is, or why out there ... that happens with the Sony Xperia ... Please, if you can find a possible solution, then, today the concept Responsive makes the difference, because there I think 70% of users connecting from devices mobiles, thank you very much, greetings ... * I send a screen shot ...

MOBILES_SCREEN_A.jpg

MOBILES_SCREEN_B.jpg

Hi

I can see a problem with horizontal display. Here a fix to that:

Code: Select all

@media only screen and (max-width:840px) {
#gkHeaderMod > .parallax-img.gk-horizontal {
    height: auto !important;
    width: 100% !important;
}
}


Here a fix for mobile menu displacement:

Code: Select all

@media only screen and (max-width:1040px) {
.contains-cart #gkMobileMenu {
    right: 60px;
}
}


Unfortunately I cannot see the logo problem on any of my devices, so I will not be able to tell why is is happening. Even emulator of the exact mentioned devices is not showing problems with logo when scrolled.

Hi. Try to answer this post in the week, I must say that I have tried your code and have problems in all mobile devices I've tried ... A brief try also other devices of friends, but I can assure you that the concept "Responsive "does not work well in Quark ... I think if you try and do a test site, beginning of each component in HomePage, you will realize that does not work well, or as" Responsive "or as alignment, greetings, thank you...

Hi

My code was not added, so I've done it myself. Please look at the video from responsive layout test. Everything looks ok to me.



http://recordit.co/pplsgMLIqO

Hi. Thank you. I confirm that the test should be performed not on the online platform "http://responsivetest.net/" because, in a wide range of mobile devices have several problems ... Le screens ship in a few minutes, thanks, greetings .. .

Hi

I have tested it on iPhone5c, iPhone6+ and my wife's Huawei tablet (do not know what model is it) I just posted a video from emulator since it was easier for me to record, but all those devices are showing site the same way as on video. I really do not know what could be the problem without seeing it broken on live device where I can run some tests. Sorry.

Hi. I confirm that I have sent images captured on different mobile devices in this post. I hope we can find a solution, thanks ...
https://www.gavick.com/forums/quark/pro ... bile-50734

Hi. In past he had considered the possibility that my phone does not work well. But, besides that the problem is verified also in other Sanmsung, Sony, Android devices ... The problem happens only with Quark, because I use other templates GavickPro as Shop and Buy, ecc work perfectly and be with my phone, the phone my wife and work colleagues, greetings, thank you, very much...

Hi

Yes, all the problems are a result of our past changes to the template. We are already discussing it in a different thread, so I'm gonna close this one to not duplicate content.