Navigation
Archive / Add padding to top of every page
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 15, 2017 at 1:00 pm #1408394
    kaylaadrianna
    Participant

    Hi! I’d like to fix the overlap that’s showing up on new pages I create. I customized my menu so that the logo drops down, but that ends up overlapping on blog titles and images on pages where I don’t want that. Is there a way to increase the padding at the top of each page like the blog page? See attached image for example:

    The other issue I’m facing is I’m having trouble getting a block grid to show properly on mobile. I have these social icons set to show up in a 3 column block grid on desktop, but on mobile, it’s pushing column 3 to the next row, and the 2nd icon is off centre. Is there any way to get them to show in one 3 column row?

    March 15, 2017 at 1:04 pm #1408395
    kaylaadrianna
    Participant
    This reply has been marked as private.
    March 15, 2017 at 9:20 pm #1409034
    Friech
    Moderator

    Hi There,

    Thank you for writing in! Please add this on your custom CSS on Customizer.

    .x-header-landmark.x-container {
	margin-top: 50px;
}

    Regarding the social icons, please add this on your custom CSS

    @media (max-width: 979px) {
	#x-section-15 li.x-block-grid-item {
	width: 32.3333%;
    clear: none;
    margin-top: 0;
	}
}

    Cheers!

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