hide on desktop

Hi @scott74

This plugin isn’t designed to help modify the look and feel of your design. Instead it’s designed to detect devices to fully replace content. If you simply want to change the size of a font you can use css @media query to detect the screen size and change the font.

If you aren’t experienced with theme development, Jetpack (a plugin I work on) has a great custom css tool that will make your life really easy.

Jesse

Hey Jesse,

This plugin (may) be what I’ve been looking for. Let me tell you what i”m trying to do and you tell me if it’s a fit for the coding issue I’m trying to solve.

I’m creating a sticky footer to display at the bottom of the viewport. The code I have is in divs and is meant to go into a footer file. I’m using a child theme, so no worries.

On a desktop, I want a horizontal bar with a gradient background with text and images aligned like this in landscape mode and responsive:
text text text
image image image image image

on mobile portrait I need the text and images to look like this:
text text text
image image image

image image
Then on mobile landscape, I want to use the landscape example above. My approach this far, has been to call different css for landscape or portrait by style sheet statements like this:

<link rel="stylesheet" media="(orientation: portrait)" href="portrait.css">
    <link rel="stylesheet" media="(orientation: landscape)" href="landscape.css">

Can your plugin give me what I need? Right now I have a series of divs doing this in html that I’ve been testing, but haven’t popped it into WordPress yet.

I see that in my post, the text and image examples have all been left aligned. Please look at these two image examples for clarity.

https://netmonkeys.net/uploads/landscape-mobile.jpg
https://netmonkeys.net/uploads/portrait-mobile.jpg