Navigation
Archive / 9259&lang=fr / Block grid issues
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 25, 2016 at 5:46 am #1146408
    bak
    Participant

    Hi there

    I have issues with two different block grids

    August 25, 2016 at 5:50 am #1146415
    bak
    Participant
    This reply has been marked as private.
    August 25, 2016 at 8:12 am #1146565
    Paul R
    Moderator

    Hi,

    It is stacked on top of each other because you added a width to your blockgrid item and it no longer fits it’s parent element.

    You have two options to fix this.

    1. Make ul wider by adding this in custom css

    
@media (min-width: 767px){
ul.x-block-grid.left-grid {
    width: 100%;
}
}

    2. Remove width:200px; in your blockgrid items.

    Hope that helps

    August 25, 2016 at 8:17 am #1146568
    Christian
    Moderator

    Hey Bak,

    1. This is because your Block Grid item have width:200px inline style. Please remove it.

    2. You have this code in your CSS

    li.x-block-grid-item {
    text-align: center;
}

    Please remove it.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1146408 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>