Responsive Display

[raw]

The [display] shortcodes let you choose which responsive layout you want some content to display in. The idea is that you can say “I only want this button to show in tablet mode”, or “I only want this lightbox image to show in desktop mode”. Resize the window and a different alert will display below depending on which responsive layout is active.

[display_desktop][alert show_close=”false” color=”#444444″]Desktop Layout Active – This alert will display only when the window is 960px+ wide.[/alert][/display_desktop]

[display_tablet][alert show_close=”false” color=”#ff8000″]Tablet Layout Active – This alert will display only when the window is between 768px to 959px wide.[/alert][/display_tablet]

[display_mobile_landscape][alert show_close=”false” color=”#00aeef”]Mobile Landscape Layout Active – This alert will display only when the window is between 480px to 767px wide.[/alert][/display_mobile_landscape]

[display_mobile_portrait][alert show_close=”false” color=”#92278f”]Mobile Portrait Layout Active – This alert will display only when the window is less than 480px.[/alert][/display_mobile_portrait]

[spacer height=”23px”]
[divider]
[spacer height=”24px”]
[/raw]

[raw]

Get The Code

[spacer height=”4px”]

[codebox line_numbers=”true” remove_breaks=”true” lang=”html”]
[[display_desktop]
This content will only be displayed when the window is 960px+ wide.
[/display_desktop]]

[[display_tablet]
This content will only be displayed when the window is between 768px
and 959px wide.
[/display_tablet]]

[[display_mobile_landscape]
This content will only be displayed when the window is between 480px
and 767px wide.[/display_mobile_landscape]]

[[display_mobile_portrait]
This content will only be displayed when the window is less than 480px wide.
[/display_mobile_portrait]][/codebox]

[/raw]

22 Replies to “Responsive Display”

  1. Wow, superb weblog layout! How long have you ever been blogging for?
    you made blogging look easy. The full look of your site is fantastic, as neatly as
    the content material! You can see similar: sklep and here dobry sklep

  2. I know this if off topic but I’m looking into starting my own blog and was wondering what
    all is needed to get setup? I’m assuming having a
    blog like yours would cost a pretty penny? I’m not very web smart so I’m
    not 100% sure. Any suggestions or advice would be greatly
    appreciated. Thanks I saw similar here: sklep and also here:
    sklep

  3. Aw, this was an extremely nice post. Taking the time and actual effort to create
    a good article… but what can I say… I procrastinate a lot and never
    seem to get anything done. I saw similar here: Ecommerce

  4. Hi there! Do you know if they make any plugins to help with SEO?
    I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good
    results. If you know of any please share. Thank you! You can read similar art here:
    Sklep internetowy

  5. Hi there! Do you know if they make any plugins to assist with SEO?
    I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good gains.
    If you know of any please share. Appreciate
    it! You can read similar blog here: Sklep

  6. Hi there! Do you know if they make any plugins to help with SEO?

    I’m trying to get my site to rank for some targeted keywords but I’m
    not seeing very good results. If you know of any please share.
    Many thanks! I saw similar text here: AA List

  7. Good day! Do you know if they make any plugins to help with Search Engine
    Optimization? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very
    good results. If you know of any please
    share. Kudos! You can read similar blog here: Auto Approve List

  8. Wow, awesome weblog structure! How long have you ever been blogging for?
    you make running a blog glance easy. The full glance of your website is great, as well as the content!
    You can see similar here sklep internetowy

  9. Wow, fantastic blog format!
    How long have you ever been running a blog for? you made running a blog glance easy.

    The total glance of your website is fantastic, as smartly as the content material!
    You can see similar here prev next and it’s was wrote by Leon98.

  10. Wow, incredible blog format!

    How lengthy have you been running a blog for? you make running a blog glance easy.
    The whole look of your site is magnificent, as neatly as the content material!
    I read similar here prev next and those was wrote by Codi77.

Leave a Reply

Your email address will not be published. Required fields are marked *