Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • Saguaros Moderator
    #994222

    Hi,

    You can change the Bootstrap class in the layout file of template.

    I assume that you use default layout, so you open the file: ROOT/templates/ja_mono/tpls/default.php

    change:

    <div class="block-left col-xs-12 col-lg-6">
      <?php $this->loadBlock('block-left', array('AJAX-BLOCK')) ?>
    </div>
    
    <div class="block-right col-xs-12 col-lg-6 col-lg-offset-6">
      <?php $this->loadBlock('block-right', array('AJAX-BLOCK')) ?>
    </div>
    
    <div class="block-footer col-xs-12 col-lg-6 col-lg-offset-6">
      <?php $this->loadBlock('footer') ?>
    </div>

    To:

    <div class="block-left col-xs-12 col-lg-4">
      <?php $this->loadBlock('block-left', array('AJAX-BLOCK')) ?>
    </div>
    
    <div class="block-right col-xs-12 col-lg-8 col-lg-offset-4">
      <?php $this->loadBlock('block-right', array('AJAX-BLOCK')) ?>
    </div>
    
    <div class="block-footer col-xs-12 col-lg-8 col-lg-offset-4">
      <?php $this->loadBlock('footer') ?>
    </div>
    brusamolino Friend
    #994272
    This reply has been marked as private.
    Saguaros Moderator
    #994564

    You can try adding this css rule:

    @media (max-width: 1399px) {
        .two-blocks-wrapper .col-lg-offset-4 {
            margin-left: 0;
        }
    }

    into the file: ROOT/templates/ja_mono (your default template)/css/custom.css (create this file if it doesn’t exist)

    debaleena_das Friend
    #1013917

    Hi, I was using the code suggested in this thread to decrease the left width of my website. It worked fine but caused a display issue in one screen size (Lenovo U31, 13.3in screen size). Could you help to debug. Thanks!!


    1. display-issue
    Saguaros Moderator
    #1013998

    Hi,

    You can share the URL, Admin & FTP account of your site via your reply and set it as PRIVATE reply so I will have a look.

    Regards

    debaleena_das Friend
    #1014543
    This reply has been marked as private.
Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 6 replies, has 3 voices, and was last updated by  debaleena_das 7 years, 8 months ago.

The topic ‘How modify width left side’ is closed to new replies.