Hello,
When I change span sizes in file "templates/socialize/tpls/blocks/mainbody-js.php”, my template is no longer
responsive on mobile phones, tested on iPhone 4s.
Is there a way to change the side bars and main body width without affecting template for mobile devices and without too much space between sidebar 2 and mainbody?
Joomla 22.5.22
Socialize 1.2.8
Changed lines in mainbody-js.php:
Default:
// Layout configuration
$layout_config = json_decode ('{
"two_sidebars": {
"default" : [ "span7 offset2" , "span2 offset-9" , "span3" ],
"wide" : [],
"xtablet" : [ "span12" , "span6 spanfirst" , "span6" ],
"tablet" : [ "span12" , "span6 spanfirst" , "span6" ]
},
"one_sidebar1": {
"default" : [ "span9 pull-right" , "span3" ],
"wide" : [],
"xtablet" : [ "span12" , "span6 spanfirst" , "span6" ],
"tablet" : [ "span12" , "span12 spanfirst" ]
},
"one_sidebar2": {
"default" : [ "span9" , "span3" ],
"wide" : [],
"xtablet" : [ "span12" , "span6 spanfirst" , "span6" ],
"tablet" : [ "span12" , "span12 spanfirst" ]
},
"no_sidebar": {
"default" : [ "span12" ]
}
}');
Modified:
// Layout configuration
$layout_config = json_decode ('{
"two_sidebars": {
"default" : [ "span7 offset2" , "span2 offset-9" , "span3" ],
"wide" : [],
"xtablet" : [ "span12" , "span6 spanfirst" , "span6" ],
"tablet" : [ "span12" , "span6 spanfirst" , "span6" ]
},
"one_sidebar1": {
"default" : [ "span10 pull-right" , "span2 pull-right" ],
"wide" : [],
"xtablet" : [ "span12" , "span6 spanfirst" , "span6" ],
"tablet" : [ "span12" , "span12 spanfirst" ]
},
"one_sidebar2": {
"default" : [ "span10" , "span2" ],
"wide" : [],
"xtablet" : [ "span12" , "span6 spanfirst" , "span6" ],
"tablet" : [ "span12" , "span12 spanfirst" ]
},
"no_sidebar": {
"default" : [ "span10" ]
}
}');
P.S. Sorry for my bad english
