Navigation
Archive / Need help eliminating gaps between icon lists on mobile devices
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • September 19, 2016 at 11:44 am #1181695
    a096399
    Participant

    I have attached a picture with the gaps circled in yellow that I am referring to. How can I delete those gaps so that on mobile screen views the icon lists will stack directly on top of each other with out any gaps?

    Thanks,

    Adam

    September 19, 2016 at 11:45 am #1181699
    a096399
    Participant
    This reply has been marked as private.
    September 19, 2016 at 11:55 am #1181712
    a096399
    Participant

    Also, how would I get rid of the extra scrollbar on the right? Looks like I have 2 scrollbars for some reason.

    Thank you!

    Adam

    September 19, 2016 at 12:20 pm #1181758
    Thai
    Moderator

    Hi Adam,

    Please add the following CSS under Customizer > Custom > Global CSS:

    body {
    overflow: hidden;
}
@media (max-width: 767px){
    ul.x-ul-icons {
        margin-bottom: 0;
    }
}

    Hope it helps 🙂

    September 19, 2016 at 5:37 pm #1182219
    a096399
    Participant

    Thank you sooooo much!!! It worked perfectly!

    -Adam

    September 19, 2016 at 7:13 pm #1182276
    Nico
    Moderator

    Happy to hear that.

    Feel free to ask us again.

    Have a great day! 🙂

    September 29, 2016 at 6:22 pm #1196476
    a096399
    Participant

    Well, I ended up changing the design slightly. Versus an Icon list I am now using just 3 text boxes in 3 columns, but on a mobile phone, the gap is back 🙁 I have included a screenshot. How do I erase that gap that separates all 3 columns on mobile devices?

    Thanks in advance,

    Adam

    September 29, 2016 at 11:08 pm #1196854
    Rad
    Moderator

    Hi there,

    Please add this CSS as well,

    .x-text p:last-child {
margin-bottom: 0px !important;
}

    Hope this helps.

    October 1, 2016 at 6:41 pm #1198842
    a096399
    Participant

    Worked like a charm! Thank you so much again!

    Adam

    October 2, 2016 at 1:46 am #1199058
    Christopher
    Moderator

    You’re welcome.

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