Not Solved [How To?] MyTabs plugin setting
#1
Not Solved
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 Toungue
Reply
#2
Not Solved
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;}
}
[Image: ad1.gif]
Reply
#3
Not Solved
(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.
Reply
#4
Not Solved
Hi,

Is there anyone have solution for this?
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)