Navigation
Archive / Container margins(?) on mobile view
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 26, 2016 at 2:17 am #899833
    powrider686
    Participant

    Hi there,
    On my site, fleminglandscaping.co, I need to change the margin on a column within a row but I can’t find a way to do so. I’ve attached two screenshots but I’d like for each of the columns, when viewed on mobile devices, has equal spacing all the way around. Or have 15 px on the sides and 30 on the top and bottom to separate the boxes.

    How could I do that?

    Thanks for the help!

    April 26, 2016 at 3:08 pm #900917
    Jade
    Moderator

    Hi there,

    Kindly optimize the screenshots and reupload them so that we could see which area of the page you are referring to.

    Thank you.

    April 27, 2016 at 8:16 pm #903279
    powrider686
    Participant

    So sorry! Must have been half asleep to not have noticed that the screenshots didn’t upload. Here you go!

    Thanks!

    April 28, 2016 at 7:39 am #904001
    Rad
    Moderator

    Hi there,

    Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

    @media (max-width:767px) {
.home #x-section-3 .x-container:nth-child(2) .x-column {
margin-bottom: 20px;
}
}

    Hope this helps.

    May 2, 2016 at 3:18 pm #909702
    powrider686
    Participant

    Awesome, thanks Rad! Appreciate it!

    May 2, 2016 at 10:19 pm #910105
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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