Tagged: responsive, smartphone
Hello I was wondering if there is a way to display content only when the theme is in responsive mode. Some of the contact info and a link that is currently in the sidebar gets kicked to the bottom when viewed on a smaller screen. Is there a short code I can use to display that info in the body only when the screen gets small?
Hi!
Yes, that’s possible. Duplicate that content inside a Color Section with a custom ID, then add this to Quick CSS:
#only_mobile{ display: none; }
@media only screen and (max-width: 767px) {
#only_mobile{ display: block; }
}
Cheers!
Josue