Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 21, 2017 at 10:52 am #866999
    Erwin

    Hi,

    On a certain page, see the private part for the url, I’ve created multiple 9 x 1/3 blocks and one 1/1 in one section. When the screen is smaller and all the blocks have the same width (at 767px), the last block, the 1/1, have a different margin-top to the block above. I’ve bin struggling with it for a while now. The distance between the other blocks are fine now, except the last one. How can I fix this?

    Regards,

    Erwin

    October 21, 2017 at 10:35 pm #867114
    Mike

    Hey erwin_m,
    I don’t see a difference, but perhaps I’m looking at the wrong element, please see screenshot in Private Content area.
    If this is the right element then try this code:

    @media only screen and (min-width: 767px) and (min-width: 1023px) { 
.avia-builder-el-34 {margin-top: 50px!important; }}

    adjust to suit.

    Best regards,
    Mike

    October 22, 2017 at 1:40 am #867141
    Erwin

    Hi,

    I’m sorry, perhaps I wasn’t clear enough. I ment beneath 767px. Above is working fine.

    Regards,
    Erwin

    October 22, 2017 at 2:29 am #867143
    Mike

    Hi,
    On line 517 of your custom code, you have this causing the issue:

    .page-id-186 .avia-builder-el-34 {margin-top:-40px!important;}

    Try removing it.

    Best regards,
    Mike

    October 22, 2017 at 9:52 am #867174
    Erwin

    Hi Mike,

    Thanks for your reply. I’ve removed the code, but that doesn’t change anything. It was there as an attempt of me trying to ge the element up.

    Can you think of anything else?

    Regards,

    Erwin

    October 22, 2017 at 4:50 pm #867208
    Mike

    Hi,
    The element had a negative top margin causing it to be too close in mobile view, now I do see that it is too far, so I believe this will get it just right:

    @media only screen and (max-width: 767px) { .page-id-186 .avia-builder-el-34 {margin-top:0px!important;}}

    Best regards,
    Mike

    October 22, 2017 at 5:41 pm #867229
    Erwin

    Hi Mike,

    Thank you, it’s working fine now.

    Regards,

    Erwin

    October 22, 2017 at 5:48 pm #867231
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Responsive behaviour of columns’ is closed to new replies.