Is it possible to insert an element that will only appear on mobile, and not on desktop?
Above the fold content on desktop version gets pushed down substantially on mobile. I’d like to re-arrange some elements for mobile-only.
Hello mcmusty,
If you want to have something like this, you should edit the theme core files and then, use such a custom CSS code to display those elements you want only for mobile devices. This task involves doing such custom work and we cannot provide something like this at the moment, sorry! If you are not aware to do this, you should consider hiring a freelancer/developer to help you because we cannot provide custom work! Usually, we recommend the developers from studio.envato.com.
Thanks for your understanding!
Awesome thanks. I had another theme using WordPress Bakery that had this awesome feature for really focusing on custom Mobile vs Desktop design elements.
Your theme is still great. thank you.
I was able to accomplish this by adding the following Custom CSS (insert under “Custom Code” in the theme panel):
@media screen and (min-width: 600px) {
.show-only-on-mobile div {
display:none;
}
}
and then added “show-only-on-mobile” in the Extra class field of the TagDiv Composer element(s) to appear only on mobile devices (screen width <600px).
This was my solution to displaying nav menus to mobile visitors since they either don’t know or don’t want to click the hamburger menu to get to them. I’m now getting a bunch of clicks to deep pages from the main page. Now to insert these embedded menus to the bottom of posts. đ
