Xenforo 2 Add advertising centered and only show on pc or only show on mobile

[Sonia]

Add these code to extra.less template

@media all and (min-width: 480px) {
    .deskContent {
            display:block;
            margin: 0
            auto;
}   
    .phoneContent {
           display:none;
}
 
}

@media all and (max-width: 479px) {
    .deskContent {
          display:none;
}
    .phoneContent {
          display:block;
          margin: 0 auto;
}
}

go to admin/setup/advertising and choose your right advertising position and add HTML
code like this form to HTML

<div class="phoneContent">

Add your mobile ad code here

</div>



<div class="deskContent">

Add your Pc ad code here

</div>