Navigation
Archive / White border on smaller screens
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 24, 2016 at 4:15 am #1006863
    linda
    Participant

    When I open my homepage I have a problem with the margins.
    I want the same margin between all the sections. (30px total) That is not working, what I am doing wrong?
    Besides that between section 1 and 2 there is a white border when I open it on smaller screens. I would like to remove this. Can you please solve these problems for me? Thanks!

    May 24, 2016 at 4:16 am #1006864
    linda
    Participant
    This reply has been marked as private.
    May 24, 2016 at 5:20 am #1006939
    Paul R
    Moderator

    Hi,

    Thanks for writing in!

    To remove the white space, you can add this under Custom > Edit Global CSS in the Customizer.

    
@media (max-width: 767px) {
.home .entry-content #x-section-1 {
    margin: 0 !important;
}
}

    Then to make margins the same between sections, you need to remove margin from myour row element.

    See video – http://screencast.com/t/BSX59sCd0r

    Hope that helps

    June 3, 2016 at 2:48 am #1023792
    linda
    Participant

    Thanks!

    June 3, 2016 at 6:50 am #1024034
    Darshana
    Moderator

    Glad we were able to help 🙂

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