Joomla Templates Club 406,261 posts

[global21 Friend global21Join date: March 2011Posts: 134Downloads:37Uploads:43 Thanks: 31 Thanked: 5 times in 3 posts]

#964493

Hello,

I am using 2 sidebars 1 left and 1 right.

is there an easy way that when in mobile mode these can stack on top of each other rather than next to each other?

Thanks in advance.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#964787

@global21

You can try to resize block of each sidebar via Backend > Extensions > Templates > JA Directory template style > Layout (tabt) > Responsive layout > Extra Small layout tab and resize them

[global21 Friend global21Join date: March 2011Posts: 134Downloads:37Uploads:43 Thanks: 31 Thanked: 5 times in 3 posts]

#965099

Saguaros wrote:

You can try to resize block of each sidebar via Backend > Extensions > Templates > JA Directory template style > Layout (tabt) > Responsive layout > Extra Small layout tab and resize them

Thanks Saguaros.

That works with position 1 – 8 but not with sidebar 1 – 2.

Is is not a simple css issue?

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#965580

You can update the admin login info of your site so I will have a look at the configuration in template manager.

[global21 Friend global21Join date: March 2011Posts: 134Downloads:37Uploads:43 Thanks: 31 Thanked: 5 times in 3 posts]

#968151

This reply has been marked as private.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#968346

You’re right.

You will need to update the class a bit for these 2 sidebars. I assume that you use 2 sibebars as normal so I updated the file:

/tpls/blocks/mainbody/two-sidebar.php

and change the class col-xs-6 to col-xs-12 for div of sidebar as below:

</p>
        <!-- SIDEBAR 1 -->
<pre><code>    <div class="t3-sidebar t3-sidebar-1 col-xs-12  col-md-3  col-md-pull-6 <?php $this->_c($vars['sidebar1']) ?>">
        <jdoc:include type="modules" name="<?php $this->_p($vars['sidebar1']) ?>" style="T3Xhtml" />
    </div>
    <!-- //SIDEBAR 1 -->

    <!-- SIDEBAR 2 -->
    <div class="t3-sidebar t3-sidebar-2 col-xs-12  col-md-3 <?php $this->_c($vars['sidebar2']) ?>">
        <jdoc:include type="modules" name="<?php $this->_p($vars['sidebar2']) ?>" style="T3Xhtml" />
    </div>
    <!-- //SIDEBAR 2 --></code></pre>
<p>

[Author]

Posts