CSS class to display content only in mobile view?

  • Hi,

    I’m wondering if there is a CSS class that I can use to only display certain content when the theme switches to mobile mode?

    eg

    <div class=” **** “> content only seen in mobile view </div>

    Kind Regards

Viewing 1 replies (of 1 total)

  • Hey there gadgetviper, hope you’re well today!

    This is possible with using media queries. When you create a div and add a certain class to it you could add this custom CSS:

    .yourclass {
display: none;
}

@media screen and (max-width: 480px) {
.yourclass {
display: block;
}
}

    This will make div with that class visible only on resolutions smaller then 480px.

    Hope this helps.

    Best regards,
    Bojan

Viewing 1 replies (of 1 total)
  • The topic ‘CSS class to display content only in mobile view?’ is closed to new replies.

Tags