bootstrap affix only on desktop

Hi,

I am using bootstrap plugin to affix right navigation bar when user scrolls. But my problem is that the screen get fixed in the mobile/tablet screen also.

I want the bootstrap affix only work on desktop screens. When my website is browsed on the mobile devices bootstrap affix should not work there.

So, how I can enable bootstrap affix only on the desktop browsers?

Thanks

July 22, 2018 at 8:15 PM

Hi,

Bootstrap affix plugin is great plugin for fixing navigation bar at a particular position.

You also disable it in the mobile browser and enable in the desktop browsers only.

Add following media query in your website:

@media (min-width: 768px) {
    .affix {
        position: fixed;
    }
}

This will enable affix only in desktop browsers.

Thaks