Meet Gavern on my IPHONE (URGENT)

Support help forum dedicated to free and commerical templates for Joomla 3 and 2.5 version.
GK User
Thu Sep 26, 2013 10:23 am
Hello guys,

I have posted before some questions and nobody cared about them!! :(


I have realize that nowadays i am receiving a lot of traffic from mobile devices and my site looks just horrible on iphones:S

Ok i am using the meet gavern template and it makes this resizing whenever a smaller device is detected.

I would like to turn of that feature and leave it as it looks in my site and give people the option to zoom.

I attached how it looks like now!

Pleaes some help here guys!!I know that feature is good but in my case it looks horrible!!

Sincerely

http://prntscr.com/1tjfnh

http://prntscr.com/1tjfpr

my site is

www.justcapm.com

i guess is clear but i am not an expert :D
User avatar
Fresh Boarder

GK User
Thu Sep 26, 2013 11:08 am
If you want to remove responsive layout styles please open template.css and delete all styles inside @media tags, for example :

Code: Select all
@media (max-width: 979px) {
}
User avatar
Platinum Boarder

GK User
Fri Sep 27, 2013 7:38 am
Hello,

thanks for your reply. I have already deleted the @media but still have the same problem.
When i open the site with an iphone the menu layout change and everything goes smaller.:S

I want to keep the menu and block all responsive layout.

Could you give a look?

Thanks,

www.justcapm.com
User avatar
Fresh Boarder

GK User
Fri Sep 27, 2013 12:24 pm
I want to keep the menu and block all responsive layout.


Sorry but it is impossible - template is designed as a responsive one and menu on iphone and other mobile devices is also dedicated to mobile mode.
User avatar
Platinum Boarder

GK User
Sat Sep 28, 2013 10:51 am
Thanks a lot! I think the main problem now with this feature in my site are the tables!!

Is there any way to set up the tables in the way that the colums will be placed below eachother and not next to each others?

Is the same you did with this

http://prntscr.com/1txvwc
http://prntscr.com/1txvyu

when the page is wide they are next each other and when is narrow it goes one below the other.

Can you please give me some suggestion how to improve the design over there. I never worked before with responsive designs and i was not aware of how much mobile trafic i would have.

You have definitely done a good job with the template and i would really thank you if you can help me to improve it.

Sincerely,
User avatar
Fresh Boarder

GK User
Mon Sep 30, 2013 7:21 am
Meet Gavern use default Bootstrap table structure which you can check here http://getbootstrap.com/2.3.2/base-css.html#tables so if you want to add some additional styles for tables you need to overwrite this what comes from Bootstrap. This require some CSS knowledge because you need to modify responsive styles. Remember only to make changes in .less files and enabled LESS compile option in template advanced settings before.
User avatar
Platinum Boarder


cron