mobile version of Financial Business template

**GK User** Sun Dec 18, 2011 6:27 am

Hello,
I have an error in mobile version of Financial Business template. It looks like this on my website:
see image: mobile1.JPG
as you see the menu is overlapping the ,,close,, and ,,back,, buttons...

I tried to install quick start template, with all plugins and modules, but the error is still there.
Please tell me what can be done to make the mobile version of the template look like on the gavick.com demo website:
see image: mobile2.JPG

I was testing the template in Safari web browser, using developer tools, use agent iphone ...
Thank you in advance

**GK User** Sun Dec 18, 2011 8:56 am

Hi,

Please give me the link to check it for you.

Thanks,

**GK User** Tue Dec 20, 2011 4:29 am

I sent you a pm with my website address...
I don,t know what is going wrong. I just downloaded the newest gk_financial_business_quickstart_J17.zip package version and installed it, but the menu in mobile version is still overlapping....
Have you looked into this?

**GK User** Tue Dec 20, 2011 9:04 am

Hello,

You can try this:

- Open file: /templates/gk_finance_business/css/mobile/iphone.css

- Find this code at line 159:

Code: Select all: #gkMenuContent { top: 140px; } /* margin = gkHeader height + gkNavContent height */

- Change to:

Code: Select all: #gkMenuContent { top: 158px; } /* margin = gkHeader height + gkNavContent height */

Then let me know if it helps.

**GK User** Tue Dec 20, 2011 11:31 pm

Hi Don,
thank you a lot it works like a charm now!... Appreciate your help….
Regards

**GK User** Thu Dec 22, 2011 9:56 am

You are most welcome, my friend.

Feel free to let me know if you need more help.

Have a nice day!