Message # 1 | 3:23 PM 2021-06-04
Hello, how do I hide some things that are displayed on the desktop version of the site, when someone accesses the site via mobile or tablet? Is there any code or?

Added (2021-06-04, 3:41 PM)
---------------------------------------------
I found solution
To hide certain text or images that will not display on mobile devices, you will add similar code as before in your HTML <body>:

Code
<div class="mobileHide">
TEXT OR IMAGE NOT FOR MOBILE HERE
</div>

Then, you will want to add the following code to your HTML <head> section:

Code
<style type="text/css">
   .mobileHide { display: inline;}
   /* Smartphone Portrait and Landscape */
   @media only screen
   and (min-device-width : 320px)
   and (max-device-width : 480px){  .mobileHide { display: none;}}
</style>

If you want this styling to apply to your entire website, add the following to your CSS stylesheet:

Code
.mobileHide
{ display: none;}