Navigation
Archive / how do i change the padding % based on screen width?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 10, 2017 at 6:46 pm #1402574
    minyona
    Participant

    so, i gave rows on the homepage of a website i’m building a 10% padding because i like how it looks on desktop. but as i size the screen down, it obviously remains at 10% padding right and left, and then in mobile it’s too narrow and wastes space.

    How can i, without creating sections or rows that appear and disappear based on device or screen size change the padding based on screen size?

    March 10, 2017 at 6:47 pm #1402575
    minyona
    Participant
    This reply has been marked as private.
    March 10, 2017 at 6:48 pm #1402578
    minyona
    Participant
    This reply has been marked as private.
    March 11, 2017 at 1:26 am #1402814
    Friech
    Moderator

    Hi There,

    Thank you for writing in! We can reset the ROW’s padding if the page is viewed on mobile. Please add this on your custom CSS.

    @media (max-width:  767px) {
	.reset-mobile-padding {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
}

    Then add a class reset-mobile-padding on your ROWs.

    Hope it helps, Cheers!

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