Module side by side

How I put modules side by side in position botton3? When I published modules HTML it was stacked. I did table on place, but don't work good on mobile screem.

My website: www.viagemdemoto.com

Thanks

Hello,

Please make sure that you have a "box" module class suffix in your modules placed on this posiiton - then you will be able to put up to 6 modules in one row.

I'm sorry, but don't work. I put a "box" module class suffix in modules and it's stacked again.

Ok,

I've found a reason of your issue - in the layouts/default.php file please replace the following fragment:

Code: Select all

<?php if($this->API->modules('bottom3')) : ?>
    <section id="gkBottom3" class="gkPage">
       <div class="gkCols6<?php if($this->API->modules('bottom3') > 1) : ?> gkNoMargin<?php endif; ?>">
          <jdoc:include type="modules" name="bottom3" style="<?php echo $this->module_styles['bottom3']; ?>" modnum="<?php echo $this->API->modules('bottom3'); ?>" />
       </div>
    </section>
    <?php endif; ?>

with:

Code: Select all

<?php if($this->API->modules('bottom3')) : ?>
    <section id="gkBottom3" class="gkPage">
       <div class="gkCols4<?php if($this->API->modules('bottom3') > 1) : ?> gkNoMargin<?php endif; ?>">
          <jdoc:include type="modules" name="bottom3" style="<?php echo $this->module_styles['bottom3']; ?>" modnum="<?php echo $this->API->modules('bottom3'); ?>" modcol="4" />
       </div>
    </section>
    <?php endif; ?>

I've added in the above code the modcol="4" attribute in the jdoc:include element and I've changed class gkCols6 to gkCols4. You can also do it the same for bottom4, bottom5 etc.

I did, but, don't work again. The modules is in placed on the position.

Very strange. Please also add the "gkmod-4" module class suffix. So the module containers will have the following CSS classes: custom box gkmod-4

It's work now. Thank you.