Navigation
Archive / Remove Column Container on Mobile Without Affecting Nav Bar
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 20, 2017 at 7:55 pm #1414433
    gshallard
    Participant

    Hi Guys,

    I am using the below code to remove the column containers on mobile view. It is also removing however the padding on the nav bar. Can you please advise how to adjust to only target the body content below the nav bar and excluding the footer.

    Online Horse Insurance Quote

    
@media (max-width: 767px){
    body .no-pm {
        padding:15px !important;
        margin:15px !important;
    }
  .x-container.max {
    max-width: 100%;
    width: 100%;
}
}

    Thank you!

    March 21, 2017 at 5:27 am #1414749
    Thai
    Moderator

    Hi There,

    Please try with this CSS:

    @media (max-width: 767px){
	body .no-pm {
		padding:15px !important;
		margin:15px !important;
	}
	.x-section .x-container.max {
		max-width: 100%;
		width: 100%;
	}
}

    Hope it helps 🙂

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