[Resolved] Widget Header custom HTML multiple formatting issues

Home Forums Support [Resolved] Widget Header custom HTML multiple formatting issues

Home Forums Support Widget Header custom HTML multiple formatting issues

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #605695
    Ron

    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

    #605749
    Tom
    Lead Developer
    Lead Developer

    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>
    #605771
    Ron

    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

    #605810
    David
    Staff
    Customer Support

    Hi Ron

    yes add the class=”hide-on-desktop hide-on-tablet” to the a tag.

    #606146
    Ron

    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

    #606150
    David
    Staff
    Customer Support

    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.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.