<div>
You may also want to set the 'data-stellar...' string to a variable so it's less typing :)
</div>


You may also want to set the 'data-stellar...' string to a variable so it's less typing :)

<div>
@Julian, good call on making a function for that. I forgot that you'd want to check that on page load too.
</div>


@Julian, good call on making a function for that. I forgot that you'd want to check that on page load too.

<div>
<div class="content wysiwyg-content">
How do I add something to a div if a media query is a specific width?<br />
<br />
Meaning I have a div: &lt;div id=&quot;container&quot;&gt;<br />
<br />
and if the screen is less than 900 pixels wide I would like to add to the div: data-stellar-vertical-offs<wbr />et=&quot;500&quot; &nbsp;so now when the screen width is less than 900 pixels the div will be<br />
&lt;div id=&quot;container&quot; data-stellar-vertical-offs<wbr />et=&quot;500&quot;&gt;<br />
OR<br />
Should I set up multiple instances of the div and hide them and then only display through the CSS if the page is a specific width?
</div>
</div>


How do I add something to a div if a media query is a specific width?

Meaning I have a div: <div id="container">

and if the screen is less than 900 pixels wide I would like to add to the div: data-stellar-vertical-offset="500"  so now when the screen width is less than 900 pixels the div will be
<div id="container" data-stellar-vertical-offset="500">
OR
Should I set up multiple instances of the div and hide them and then only display through the CSS if the page is a specific width?

jquery add something to a div

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.