1. ervale
  2. Commercial Templates
  3. Thursday, 04 December 2014
  4.  Subscribe via email
Hi
I have added a new module to the header, right hand side, Instead of the social media icons,
I have added an image, can you tell me how to block the image from showing in mobile view as the image crosses over the logo.
Regards
Dave
J51 - Enlighten
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Dave

As Joomla uses Bootstrap 2.3 you can add the class name 'hidden-phone' to hide the image on mobile phones. For further details check out.. http://getbootstrap.com/2.3.2/scaffolding.html#responsive

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Is this the code to use
<p><span class=".hidden-phone"><img src="images/call-now.jpg" alt="Call Now" /></span></p>
Thanks
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Looks fine except for one thing... remove the dot before the 'hidden-phone' (class="hidden-phone";).

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!