CSS – Page 2 – Evo Web Dev

CSS-only Mobile Menu

Mobile menu that doesn't use javascript. Uses hidden checkbox to toggle state.
CSS, Responsive | Type: CSS

Eliminate Blue Outline on PopupMaker Content

.popmake-content { outline:none!important; }
CSS | Type: CSS

Embed Responsive YouTube Videos

First, the CSS: .youtube-video { aspect-ratio: 16 / 9; width: 100%; } Then add the class to the iframe embed code: <iframe class="youtube-video" src="https://www.youtube.com/embed/xxxxxx" title="YouTube video [...]
CSS, Responsive, Video | Type: CSS

Fixing Fixed Header Problems

html body { position:static !important; } /*fixes many(!) issues caused by fixed header*/ .anchor::before { display: block; content: " "; margin-top: -75px; height: 75px; visibility: hidden; [...]
CSS | Type: CSS

FlexBox Layout

See the blog post for a downloadable FlexBox demo that I built as the basis for the Evo FlexBox theme.
CSS, FlexBox | Type: CSS

Full-width Responsive Autoplay Video Slider

This is an autoplay video slider. It's a lot like the single full-width video, but with an additional container to hold the video slides and jQuery to make it slide.
ACF, CSS, jQuery, PHP, Video | Type: Javascript

Full-width Responsive Autoplay Video with Text Overlay

This is a single, autoplay video hero that takes the place of an image slider, most often included on a homepage. Text is overlaid on the video, allowing messaging and a link to another page related to the message.
ACF, CSS, PHP, Video | Type: CSS