Responsive Ads Code for Mobile and Desktop

Last Post

Jayanta DK

(@administrator)

Member Admin

HTML CODE

<div class="mobileShow"> Your code snippet for mobile </div>

<div class="mobileHide"> Code snippet for desktop only </div>

Add this CSS

<style type="text/css">
  .mobileShow {display: none;}

  /* Smartphone Portrait and Landscape */
  @media only screen
    and (min-device-width : 320px)
    and (max-device-width : 480px){ 
      .mobileShow {display: inline;}
  }
  .mobileHide { display: inline; }

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

Jayanta DK

Quote

Topic starter Posted : 04/12/2022 3:33 pm

Topic Tags

Forum Statistics

8 Forums

77 Topics

122 Posts

7 Online

49 Members

Latest Post: How do I get started on Fiverr? How It Works? Our newest member: luka Sas Recent Posts Unread Posts Tags

Forum Icons: Forum contains no unread posts Forum contains unread posts

Topic Icons: Not Replied Replied Active Hot Sticky Unapproved Solved Private Closed

Community Forum

We’re currently working on improving our forum experience.

Submit a Guest Post →

We review all submissions before publishing.