Navigation
Archive / Resposive design bar – want css to make it disappear on phone when scrolling
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • April 8, 2016 at 9:25 am #872905
    gobeyondesign
    Participant

    Would you please provide me with the css that would make the bar disappear when someone scrolls on a phone in responsive design. As it is now the bar follows along down the page preventing the user from reading the content. A sample page is http://www.crystalclearcarpetcleaning.com/commercial-property-cleaning/

    Thank you for your support.

    April 8, 2016 at 11:52 pm #873738
    Friech
    Moderator

    Hi There,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    @media (max-width:  979px) {
	header .x-topbar {
		position: relative;
	}
}

    Hope it helps, Cheers!

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