1. mike
  2. Commercial Templates
  3. Saturday, 02 April 2022
  4.  Subscribe via email
Hello,

I noticed on several templates that when I reduce the browser to phone width, the social icons in the footer overlap some of the content. I have also tested it on my iPhone X and the same issues happens.

The 2 examples are form Riley and Emani

Screen Shot 2022-04-02 at 12.47.25 PM.png

Screen Shot 2022-04-02 at 12.46.13 PM.png
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Mike

Would you have a URL to an example of this issue?

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Your demo: https://www.joomla51.com/demo/0170/
Open it on you phone and on a desktop, reduce the browser width to as small as you can.
This is a screen grab from the above demo from my Mac Book Pro
Screen Shot 2022-04-06 at 7.33.51 PM.png
Attachments (1)
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Mike

This is actually a slight bug in the demo content rather than the template itself. To resolve open the Contact Us module and replace teh HTML content with the following, reducing the negative margin-bottom on the paragraph...

<p>
2307 Coast Rd Strandhill,<br>
Co. Sligo 11226 Ireland. <br>
</p>
<p style="margin-bottom: -20px">
<span class="text-primary">Phone:</span> (002) 353093287 <br>
<span class="text-primary">Email:</span> info@riley.com<br>
</p>


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you. That fixed it. :D
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


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