FOLLOW

Conditional Content: how to add elements to certain devices

Want to have a specific element only in Desktop, but not on Tablet or Mobile?
Maybe an ad code, or a custom html set up that's only meant for one device.

Don't worry -- we have the right element to facilitate that option for your site: the Conditional Content element.

By inserting the element you want inside of the Conditional Content element, you can create different experiences for desktop, tablet and mobile.

You can add it to any part of your layout with the + tool:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F78923750-7278-4b61-9529-bf79571d8800%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=751&h=7c4d8ea6fc5319ce245fad0c0327a2d450d8653b92ac4ed277730086bdde1de4&size=980x&c=1085294058 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F78923750-7278-4b61-9529-bf79571d8800%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D751%26h%3D7c4d8ea6fc5319ce245fad0c0327a2d450d8653b92ac4ed277730086bdde1de4%26size%3D980x%26c%3D1085294058%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

Once the Conditional Content element is placed, you will be able to place new elements inside of it, like a Header Code.

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F6d004329-d216-4466-9368-015a4e0c1124%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=82&h=a1323e94f183dd57dfa61d96617a534551c85d7402c490fb72f8303a821b224e&size=980x&c=1101328845 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F6d004329-d216-4466-9368-015a4e0c1124%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D82%26h%3Da1323e94f183dd57dfa61d96617a534551c85d7402c490fb72f8303a821b224e%26size%3D980x%26c%3D1101328845%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

In the dropdown, you'll be able to choose if you want the Conditional Content to be placed in Desktop, Tablet, Mobile:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F89497b36-a993-4d8a-a58e-278a1e6b74f3%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=1019&h=f3c3004f2c492e12c4e4dfc7f44138ffb43b0bdc267389b938fd80a417052946&size=980x&c=1514042218 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F89497b36-a993-4d8a-a58e-278a1e6b74f3%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D1019%26h%3Df3c3004f2c492e12c4e4dfc7f44138ffb43b0bdc267389b938fd80a417052946%26size%3D980x%26c%3D1514042218%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

If you choose Tablet and you're in Desktop view, or Mobile and you're in Tablet view and so forth, don't worry, the element hasn't disappeared, it's only visible in the viewport where it will be displayed.

Bear in mind that if you want an element to display on Desktop and on Tablet for example, you'll have to create two different Conditional Content elements with the same 'Lead Media' element (for example) inside of it.

On Desktop:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F58ed1544-4d47-4f81-8e0c-aae57d046bc0%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=229&h=fb460ff811730e361fe2d974f294086bd405751a6556e481998bac3cfc8107e8&size=980x&c=4210160278 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F58ed1544-4d47-4f81-8e0c-aae57d046bc0%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D229%26h%3Dfb460ff811730e361fe2d974f294086bd405751a6556e481998bac3cfc8107e8%26size%3D980x%26c%3D4210160278%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

On Tablet:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F136d49b7-aca5-4f75-b35a-6c3a404ca621%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=641&h=c341f2ed14a6676065602e208946cf35a51e3f955177280471e24051be9f1bc2&size=980x&c=3935523589 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F136d49b7-aca5-4f75-b35a-6c3a404ca621%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D641%26h%3Dc341f2ed14a6676065602e208946cf35a51e3f955177280471e24051be9f1bc2%26size%3D980x%26c%3D3935523589%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

On Mobile:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F6a94f7b7-48b4-45d0-a580-cbd279541313%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=770&h=292c0f805a67fe565054a7d4eed3ef3fcb1e8f9fb3c90f70deee6455a9c32ba6&size=980x&c=2657868290 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F6a94f7b7-48b4-45d0-a580-cbd279541313%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D770%26h%3D292c0f805a67fe565054a7d4eed3ef3fcb1e8f9fb3c90f70deee6455a9c32ba6%26size%3D980x%26c%3D2657868290%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

rebelmouse.com learning.rebelmouse.com

Where
Websites Are Built

The Fastest Sites in the World Run on RebelMouse

Let’s Chat

new!

RebelMouse Performance Monitoring

Real-Time Core Web Vitals

Get Started

DISCOVER MORE

Our Core Features

Our platform is a complete digital publishing toolbox that's built for modern-day content creators, and includes game-changing features such as our:

Why RebelMouse?

Unprecedented Scale

RebelMouse sites reach more than 120M people a month, with an always-modern solution that combines cutting-edge technology with decades of media savvy. And due to our massive scale, 1 in 3 Americans have visited a website powered by RebelMouse.

120M+ Users

550M+ Pageviews

17+ Avg. Minutes per User

6+ Avg. Pages per User

Today's Top Websites Use RebelMouse

Thanks to the tremendous scale of our network, we are able to analyze a wealth of traffic data that informs our strategies and allows us to be a true strategic partner instead of just a vendor.

What Clients Say

We’re here to help you weigh and understand every tech and strategic decision that affects your digital presence. Spend less time managing everything yourself, and more time focused on creating the quality content your users deserve.

I love the control panel. Awesome work. I have to say, what an amazing creative team RebelMouse is. I am so grateful!

Terrence O'Hanlon

Founder and Chairman
Reliabilityweb

It’s like we’ve been riding horses to commute all our lives and someone just showed us a Tesla.

Brendan Farley

Vice President, Product Management
Strada Education Network

Thanks to RebelMouse, United doesn’t have to sacrifice great content for speed. You can have both!

Ryan Bujeker

Director, Social Media Strategy & Digital Engagement
United Airlines

We're in a much better position to make it through the current crisis in part due to RebelMouse and their platform. We've not only saved on overhead costs, we've more easily optimized our traffic with their smart measuring and SEO tools, as well as their social integrations.

Jill Braff

President/Chief Operating Officer
Brit + Co

THANK YOU for all the good, fast work you put into making our public rollout such a big success. I know we threw a lot at you very quickly, but you were calm under pressure and pulled it all off perfectly. Very glad to be working with you all.

Tim Grieve

Executive Editor
Protocol

So inspired and impressed by these results from RebelMouse. Check them out and ask Andrea Breanna how they got there! Just goes to show that spending millions doesn't necessarily get you to the right destination. It's spending no more than you need on the right technology with the right platform that does! 🌐💙🏎️

Andrey Lipattsev

Partner Development Manager
Google

It is not often I jump out of my chair and scream in a positive way, but I just did! This is the happiest I have seen my Managing Editor in 2021! Thank you.

Nick Smith

CEO
Investing News Network

Working with RebelMouse is an actual treat. From the CEO down, every single member of the team has partnered with us to meet our needs. Everyone willingly (and with endless patience!) shares their expertise and insights to ensure we optimize search and create a great audience experience. As we have implemented the various search tactics, positive results are almost instantaneous. Training our content creators has been simple. The system is incredibly user friendly. As a co-worker commented, "RebelMouse doesn't just sell you something, they partner with you to deliver exactly what you want." I couldn't agree more!

Emma Schofield

Director of Change Management
Investing News Network

We continue to be huge fans of RebelMouse and envision a very long-term relationship with the platform. The service has been impeccable.

Douglas Fischer

Executive Director
Environmental Health News

I am a HUGE RebelMouse fan, and basically tell everyone I meet who's looking to overhaul their website to get in touch right away.

Susan Hassler

Editor Emeritus
IEEE Spectrum

Every member of the RebelMouse team, but especially our project team, are superstars! Our site launch on the platform met all our expectations and we love the technology. We are positive about the future of our site and look forward to improving our approaches and processes with RebelMouse's guidance!

Terrence O'Hanlon

Founder and Chairman
Reliabilityweb

RebelMouse's Layout & Design Tool is one of the most comprehensive and flexible tools I have ever used of any CMS. Their product team is also extremely helpful and constantly supports to make sure your properties are up to date and use the best industry standards, especially in terms of page speed.

Chuck Lapointe

CEO
Narcity Media

The best thing about RebelMouse is how much they care about their customers. When working with them, I always get a sense that they go above and beyond for their customers. When working with the RebelMouse team, I very much consider them to be a partner, rather than just a vendor. Upon migrating to their technology, we have seen tremendous improvements in many key areas, particularly technical SEO. They have out-of-the-box functionality that is tremendously helpful to customers. At the same time, their system is flexible enough to allow us to adapt it to any new business needs that we have.

David Nguyen

Senior Director of Digital Marketing
Investing News Network

RebelMouse has shepherded us through the modernization phase, and has been keen, practical, and nimble throughout the entire journey. They have helped modernize our website through an infinite scroll setup that allows us more advertising real estate while creating more time on site to capture reader engagement. Plus, the RebelMouse team has helped educate our own team on the various aspects of programmatic advertising and worked to best implement them. Premier Guitar joining forces with RebelMouse in 2020 was one of the best choices we could have made!

Luke Viertel

Digital Strategist
Premier Guitar

Case Studies

A Team Built Like No Other

RebelMouse employs a unique, diverse, and decentralized team that consists of 70+ digital traffic experts across more than 25 different countries. We have no central office, and we cover every time zone to ensure that we’re able to deliver amazing results and enterprise-grade support around the clock.

Our team is well-versed in all things product, content, traffic, and revenue, and we strategically deploy ourselves to help with each element across all of our clients. We thrive on solving the complex.

Let's Chat

OUR TECHNOLOGY

OUR CREATIVE AGENCY

FOR CONTENT CREATORS

FOR DEVELOPERS

INSIGHTS

ABOUT US