Responsive Themes: Different Call tel number wording on cell phone screens?

Community Forums Forums Design Tips and Tricks Responsive Themes: Different Call tel number wording on cell phone screens?

This topic is: not resolved

This topic contains 2 replies, has 2 voices, and was last updated by  Sumu 1 year, 2 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #31617

    Sumu
    Participant
    Post count: 39

    Hello,

    how can this be handled:

    Display “Call XXX-XXX-XXXX” on a desktop or tablet screen down to 768px,

    display “Click here to call XXX-XXX-XXXX” on a cell phone screen (480px or less)?

    I know conditional tags with Widget logic, but this one is beyond my imagination.

    Thanks!

     

     

    #38275

    cehwitham
    Participant
    Post count: 396

    Output both options as HTML then use CSS media queries to show hide the second one at large screen resolutions but then hide the first and show the second one on smaller screens.

    Which theme are you using? It may be that media query break points are already setup.

    Chris


    Twitter: cehwitham Web: cehwitham.com

    #39144

    Sumu
    Participant
    Post count: 39

    Hi cehwitham,

    sorry for the late reply and thanks for the suggestion.

    I am using the Education theme and find it challenging to implement styles into the separate width-related sections of the style sheet.

    Will tweak and let you know.

    Thanks!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.