Archived topic
Widget Header custom HTML multiple formatting issues
5 replies · Started by Ron on June 21, 2018
Hello GP
I’m a newbie trying to recreate my website on GeneratePress Version: 2.1.2 with GP Premium Version 1.6.2
Widget Header custom HTML multiple formatting issues
#1. desk top get a empty line after </p> click to call code
Here is code:
<a href="tel:13605720565" rel="nofollow">Phone Number: 1.360.572.0565</a>
<p class="hide-on-mobile">Phone Number: 1.360.572.0565</p>
<a href="mailto:info@sonriseapartments.com" target="_top">Send Mail: info@sonriseapartments.com</a><br/>
7801 47th Ave NE<br/>
Marysville, WA 98270 will email screen shoots
# 2. Need better line breaks in tablet and mobile phone responsive modes (see screenshot)
Tablet:will email screenshot
Mobile phone: will send screenshot
emailed document with screenshots to support@generatepress.com
Thanks for your response in advance
Ron
Try doing this instead:
<div><a href="tel:13605720565" rel="nofollow">Phone Number: 1.360.572.0565</a></div>
<div class="hide-on-mobile">Phone Number: 1.360.572.0565</div>
<div><a href="mailto:info@sonriseapartments.com" target="_top">Send Mail: info@sonriseapartments.com</a></div>
<div>7801 47th Ave NE</div>
<div>Marysville, WA 98270</div>Tom
Thanks for the quick response
problem solved with mobile formating
but desktop shows both hyperlink and text phone info (two lines of phone info)
Tablet only shows hyperlink info
should I insert class="hide-on-desktop hide-on-tablet" in hyperlink line ?
not sure what will happen on tablet with this change
Ron
Hi Ron
yes add the class=”hide-on-desktop hide-on-tablet” to the a tag.
David & Tom
that did the trick for the desktop
tablet still is hyperlinked
I'm assuming that is the safest default for a tablet
Thanks for the awesome support
Ron
Hi Rob, which tablet are you testing it on? Its not linking if i test it on responsive browser. it could be the device itself recognising it as a phone number.
