Navigation
Archive / Remove space between block grid columns on mobile
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • June 23, 2016 at 7:41 am #1056235
    scottkwilson
    Participant

    Hello,
    How do I remove the white space between the block grid columns when they get stacked on mobile? Take a look at the services section (http://mervwilsonbuilder.stormwindcreative.com/index.php/our-services/). On the phone, between ‘Contractor Selection’ and ‘Lender Management’ there is a space when viewing vertically on the phone. There’s also a space between ‘Rock Work’ and ‘Masonry’.

    Thanks!

    June 23, 2016 at 9:42 am #1056402
    Joao
    Moderator

    Hi There,

    Upon checking the URL provided I could not notice anything related to the description. Would you mind providing a screnshot and more details about the issue.

    Thanks

    Joao

    June 23, 2016 at 10:07 am #1056443
    scottkwilson
    Participant

    Between the words ‘rock work’ and ‘masonry’. Thanks

    June 23, 2016 at 1:06 pm #1056723
    Nabeel A
    Moderator

    Hi again,

    Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    @media screen and (max-width: 480px) {
#x-section-2 li.x-block-grid-item {
    margin-top: 0 !important;
}
}

    Let us know how this goes!

    June 23, 2016 at 1:17 pm #1056740
    scottkwilson
    Participant

    That did it! Thank you!

    June 23, 2016 at 2:35 pm #1056849
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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