MyBB Community Forums

hello everyone,

I just install this MyTabs plugin and it works well for me.
But i want to show Icon with Text on the Tabs in Desktop or Laptop and want to only Icon in Mobile devices. Can anyone help me how to do this?

I'm using this code in the Plugin:

<td class="thead" style="background-color: none; border:  transparent; margin-right: 5px; padding: 3px 7px; font-size: 16px; cursor: pointer; color: #E5E5E5; background-color: #2B2B2B;">
     <div>
          <i class="fa fa-home"></i>
          <a href="{$link}">{$name}</a>
     </div>
</td>

Thanks in advance

Try this

<td class="thead" style="background-color: none; border:  transparent; margin-right: 5px; padding: 3px 7px; font-size: 16px; cursor: pointer; color: #E5E5E5; background-color: #2B2B2B;">
     <div>
          <i class="fa fa-home"></i>
          <a class="willhideinmobile" href="{$link}">{$name}</a>
     </div>
</td>

CSS

@media only screen and (max-width: 450px){
.willhideinmobile{display:none;}
}

(2021-06-03, 12:39 AM)Mastersly Wrote: [ -> ]Try this

<td class="thead" style="background-color: none; border:  transparent; margin-right: 5px; padding: 3px 7px; font-size: 16px; cursor: pointer; color: #E5E5E5; background-color: #2B2B2B;">
     <div>
          <i class="fa fa-home"></i>
          <a class="willhideinmobile" href="{$link}">{$name}</a>
     </div>
</td>

CSS

@media only screen and (max-width: 450px){
.willhideinmobile{display:none;}
}

Hello,

Thanks for your response but the code not working.
On both the desktop and mobile devices it's showing the Icon with Text.

Hi,

Is there anyone have solution for this?