iPad problems

Problem 1 -
i use the code

Code: Select all

.gk-description-left-img {
  left:50%;
  margin-left:-905px;
  top:145px;
}
.gk-description-left-img {
   display:inherit !important;

In PC looks good, but in iPad the image is cropped because it should be more to the right

Problem 2 -
in some browser(chrome/opera coast) as the contents are animated take time to load there any way to overcome this situation? Safari browser is the better

Thanks for your help

Could you please post an url to your site?

Hello Cyberek

I send you private message because the site is not online yet

Thanks for your help

Sorry but there is no login from frontend and I cant access backend "Denied by server security system".

Hello Cyberek works fine for me with the login data i gave you

BACK OFFICE

I try and work for me...
You have to write the name of the site "www.---.com" and "/administrator/" and "password" see PM please

or Clik on the link


FRONT OFFICE

You have to go to the end of site(under construction), bottom and you can login...

Thanks for your help

1. Its better to use override.css file for more advanced changes.
2. You can use @media css query to setup the look for different screen sizes:
https://css-tricks.com/css-media-queries/

I realized the concept

I tried but I could not put into production what you say

Can you help me please

Thanks

Please use chrome dev tools as they allow to see viewport width. Move browser width to simulate different device widths. Create media queries stops for different widths:

Code: Select all

@media (max-width: 990px) {
    .gk-description-left-img {
        margin-left: -810px;   
    }
}


all in override.css

Hello Cyberek

works fine but in 1024px(iPad resolution) not 990px

Code: Select all

@media (max-width: 1024px) {
    .gk-description-left-img {
        margin-left: -810px;   
    }
}

Thank very much for your help

Best Regards

Animations take longer to load in chrome and Opera Coast than in Safari

Is there any particular reason?

Thanks

And how does this correspond to original question?
If you need to design differently with lower heights - you can create other css media queries steps and modify the code.