Sticky Header On Desktop & Tablet Only

  • Resolved clarkag

    (@clarkag)


    6 years, 4 months ago

    I love the sticky header, but it takes up too much room on mobile screens. Is there a way to make it non-sticky on mobile?

    A tick-box for this in settings would be nice. ??

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Nikhil Chavan

    (@nikschavan)

    Hello @clarkag,

    You can disable sticky header on mobile using this custom CSS – 

    
@media (max-width: 600px) {
	.bhf-sticky-header .bhf-fixed {
	    position: relative;
	    box-shadow: none;
	    transform: none;
	    transition: none;
	}

	.bhf-ffixed-header-fixer {
	    display: none !important;
	}
	.bhf-shrink-header .bhf-fixed .fl-module-content.fl-node-content img {
		max-height: 100%;
	}
}

    Here is a doc which explains how you can add custom css to your site – https://wpastra.com/docs/adding-custom-css-code/

    Thread Starter clarkag

    (@clarkag)

    That works perfectly. Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sticky Header On Desktop & Tablet Only’ is closed to new replies.