- Posts: 1
- Thank you received: 0
Wrong display of Bottom 3 Text on Mobile devices
-
mschmid
Active member - Topic Author
- New Member
Less
More
1 month 1 week ago #51514
by mschmid
Wrong display of Bottom 3 Text on Mobile devices was created by mschmid
On our Website, we want to implement the Phone numer and facsimile in the module position: Bottom 3.
From a desktop view, everything works fine. When the page is viewed from a mobile device however, the numbers vanish and can't bee seen.
https://website.sb-com.de/
From a desktop view, everything works fine. When the page is viewed from a mobile device however, the numbers vanish and can't bee seen.
https://website.sb-com.de/
Please Log in to join the conversation.
-
milos
Support Staff - Moderator
Less
More
- Posts: 6686
- Thank you received: 709
1 month 1 week ago #51515
by milos
Replied by milos on topic Wrong display of Bottom 3 Text on Mobile devices
Hello,
Make sure that the telephone numbers are linked, with the link href set to "tel:+1-555-555-5555" (change with your phone number). You can add the link using the Sparky Page Builder: www.hotjoomlatemplates.com/sparky-page-b...ion/blocks/paragraph
The HTML source should be:
Now edit the file /media/templates/site/galatea/css/custom.css and at the top of the file, add this:
Regards,
Milos
Make sure that the telephone numbers are linked, with the link href set to "tel:+1-555-555-5555" (change with your phone number). You can add the link using the Sparky Page Builder: www.hotjoomlatemplates.com/sparky-page-b...ion/blocks/paragraph
The HTML source should be:
Code:
<p>
Tel: <a href="tel:+1-555-555-5555">1-555-555-5555</a>
<br>
Fax: <a href="tel:+1-555-555-5555">1-555-555-5555</a>
</p>
Now edit the file /media/templates/site/galatea/css/custom.css and at the top of the file, add this:
Code:
a[href^="tel"] {
color: inherit;
text-decoration: none;
}
Regards,
Milos
Please Log in to join the conversation.
Time to create page: 0.287 seconds