Tag: responsive
-
Full screen web pages (or modals) on iOS Safari
—
in WorkBecause the top and bottom bars on iOS Safari slides up and down when scrolling, I was having some difficulty coding a full-screen page for it. $(window).height() on only gets the initial height upon page load, which includes the full header and footer bars. $(window).resize() wasn’t triggering when I scroll, either. I ended up finding…
-
un-fixing the position of the navbar in mobile view on Bootstrap with CSS and jQuery
—
in WorkThe floating navbar on responsive/mobile Bootstrap templates has a fixed position. But when the menu becomes longer, I needed to make it ‘relative’ in position so that the person can scroll down the items to see the other links. jQuery function mobile_header() { /* on mobile, opening the menu scrolls to top and removed the…