acostaron
Hi
In this case you need to edit the layout PHP file for each view and also change in style code
Here is one view example for main frontpage
open
/components/com_community/templates/js_column/layouts/frontpage/base.php
Find this code
<?php if ($moduleCount > 0) { ?>
<div class="joms-sidebar">
<div class="joms-module__wrapper"><?php $this->renderModules('js_side_top'); ?></div>
<div class="joms-module__wrapper--stacked"><?php $this->renderModules('js_side_top_stacked'); ?></div>
<div class="joms-module__wrapper"><?php $this->renderModules('js_side_bottom'); ?></div>
<div class="joms-module__wrapper--stacked"><?php $this->renderModules('js_side_bottom_stacked'); ?></div>
<div class="joms-module__wrapper"><?php $this->renderModules('js_side_frontpage_top'); ?></div>
<div class="joms-module__wrapper--stacked"><?php $this->renderModules('js_side_frontpage_top_stacked'); ?></div>
<div class="joms-module__wrapper"><?php $this->renderModules('js_side_frontpage'); ?></div>
<div class="joms-module__wrapper--stacked"><?php $this->renderModules('js_side_frontpage_stacked'); ?></div>
<div class="joms-module__wrapper"><?php $this->renderModules('js_side_frontpage_bottom'); ?></div>
<div class="joms-module__wrapper--stacked"><?php $this->renderModules('js_side_frontpage_bottom_stacked'); ?></div>
</div>
<?php } ?>
Now add this code in custom css to override the style
@media only screen and (min-width: 992px){
.joms-main {
float: right;
padding-right: 20px;
padding-left: 0;
width: 61.8034%;
}}
@media only screen and (min-width: 992px){
.joms-sidebar {
float: left;
padding-right: 0;
width: 38.1966%;
}}
To move the content and sidebar position.
Other layout files also in same folder as above path.
Hope it helps.