K2 front-end editing in ipad

I did not have this problem in other gavick template (Finance Business and Black & White), but I have an interesting issue in k2 front-end editing in ipad. One of the reasons why I was attracted to Fashion is because of its look on ipad. It looks great on ipad, and I was hoping that my users can edit their k2 items in the front-end using ipad. The issue is that the k2 front end view is cropped. As you can see in the attached image, you can see blue-lined area in Ipad. Once I tried zoom-out (sorry, it is a typo in the image) with my fingers, it expanded enough for me to be able to close the window (see the red area), but the left part of front-editing window gets never available. How can I fix this issue? Again, I did not experience this issue in other Gavick templates. I would appreciate your help very much.

Please try to add in the css/tablet.css file this code at the end:

Code: Select all

/* K2 edit popup */
#sbox-window,
#sbox-window iframe {
   width: 720px!important;
   max-width: 720px!important;
   left: 10px!important;
}


You always come up with a solution. I don't have my ipad with me right now because I am at work, but let me try and report the result back to you after I try this at home tonight. Thanks!

I've tested it on my iPad so it should be proper solution

As expected, it works BEAUTIFULLY! What I ended up doing is adding one additional line about minimum height at the end, because my content in K2 front-editing for some reason does not fit completely in the pop-up menu in terms of height. Again, you are the man. And I appreciate it so much.

Code: Select all

/* K2 edit popup */
#sbox-window,
#sbox-window iframe {
   width: 720px!important;
   max-width: 720px!important;
   left: 10px!important;
   min-height: 960px !important
}