Adding phone button and menu text for mobile viewing

  • castalina

    (@castalina)


    11 years, 11 months ago

    I would like to add a “Call me” button, linking to my phone number for easy calling, to display at the top of the pages when viewing my site on a mobile phone.

    I would also like to add text, something like “Pages Navigation Menu” next to the regular menu button with three lines that by default show up when viewing site on mobile phones. For the sake of clarity, so that people know to click there to view the site menu.

    Look at this site on a mobile phone to see what I mean:
    http://www.annajarkestig.se/

    How do I do this?

    My site is: http://www.bobstterapi.se/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Ruth Maude

    (@dandelionweb)

    11 years, 11 months ago

    This will work for the Call me button

    <a href="tel:18005555555">Call Me from your Smartphone</a>

    The link to your site shows an under construction page. What theme are you using?

    keithkirkhamkk

    (@keithkirkhamkk)

    11 years, 11 months ago

    If you are using a responsive WP theme, you may try this plugin:

    https://wordpress.org/plugins/call-now-button/

    Thread Starter castalina

    (@castalina)

    11 years, 11 months ago

    Thank you Keith and Ruth.

    Keith: I have now tested the Call Now plugin but don’t like the look of it fully. I may go with it though if nothing else works:)

    Ruth: My theme is Customizr. My site is available now. Where do I place the code you gave? I have tried to put it in the Custom CSS box, and in the child themes CSS stylesheet editor, but it just disappears from there. Not the right place or format?

    Ruth Maude

    (@dandelionweb)

    11 years, 11 months ago

    Castalina,

    This doesn’t go in the css it has to go directly in a page (in Text editor) or you can put it in a textbox in a widget area. If you don’t have a top widget area available you could create a new menu item and use the tel:18005555555 – just click Links to add a custom link

    OR you can just type your phone number without any link … it will become a clickable link on a mobile device

    Thread Starter castalina

    (@castalina)

    11 years, 11 months ago

    Thanks. Could you walk me through it step by step? I am a beginner at this I know about the phone number becoming a clickable link, just thought it would be nice with a call button under the heading or next to the menu bar at the top of each page.

    Customizr doesnt have a top widget area.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Adding phone button and menu text for mobile viewing’ is closed to new replies.