Navigation

This content is old and no longer supported. You may use at your own risk, but no official support will be provided for anything listed here. If you are a Themeco customer, we invite you to check out our new community and forums, Apex.

Tagged: 

  • Author
    Posts
  • #1403755

    MatthieuDelage
    Participant

    Hi,

    I would like to add a clickable phone number in the menu of my website http://www.clasesdeguitarramadrid.net.

    It has to display way on desktop + mobile (especially since people will click on it from their mobile and call me directly from that).

    Could you help me do this? Thanks in advance!
    Matthieu

    #1403756

    MatthieuDelage
    Participant
    This reply has been marked as private.
    #1403775

    Thai
    Moderator

    Hi There,

    You can use the custom links, add to the HREF field this: tel:+123456789

    View post on imgur.com

    Hope it helps 🙂

    #1405010

    MatthieuDelage
    Participant

    Thanks! What code could I add to my custom CSS to move it right under the two other menu button + play around with the font, the font size and the font color?

    #1405121

    Joao
    Moderator

    Hi There,

    I am not sure I follow what you are trying to achieve.

    Would you mind to provide a mock-up?

    I believe would be easier to add it over the menu items in the topbar.

    Thanks

    #1408006

    MatthieuDelage
    Participant

    Here’s the mockup!

    I would of course move it a little bit around, change the font, color etc. to make it look good.

    If you’re able to explain me what code to use to move it where I want + change the font and color, I can try different combinations and change it until I’m happy!

    Thanks

    Attachments:
    You must be logged in to view attached files.
    #1408152

    Joao
    Moderator

    Hi There,

    Did you change your admin credentials?

    Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

    – Link to your site
    – WordPress Admin username / password
    – FTP credentials

    Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

    Thanks

    #1409395

    MatthieuDelage
    Participant
    This reply has been marked as private.
    #1409465

    Lely
    Moderator

    Hello Matthieu,

    I got this error when I tried to login:
    ERROR : Invalid email address. Have you lost your password?
    Please double check the credentials.

    #1410782

    MatthieuDelage
    Participant
    This reply has been marked as private.
    #1411223

    Joao
    Moderator

    Hi There,

    I have added for you on your Menu and customized on Appereance Customizer Custom CSS with de code:

    #menu-item-545 a {
      margin-top: 50px;
      color: blue;
      font-size: 20px;
      margin-right: -100px;
    }

    Adjut the code according to your wishes.

    hope it helps

    Joao

    #1412646

    MatthieuDelage
    Participant

    Thank you! Just a question: I added some code to make the phone number clickable. It works, but from my Android, I have to click in the bottom right corner of the phone number to make it work.

    If I click where I would intuitively click (more on the top left of the number), it clicks on another menu item that is just next to it.

    I attach a screenshot. How can I fix this?

    Thanks,

    Attachments:
    You must be logged in to view attached files.
    #1412821

    Thai
    Moderator

    Hi There,

    Please navigate to Customizer > Header > NAVBAR > Navbar Top Height (px) > change to 80:

    View post on imgur.com

    Hope it helps 🙂

    #1422720

    MatthieuDelage
    Participant

    Thank you!

    One last thing: now I try to modify the phone number’s colour and font size by updating the “color” and “font-size” lines of the following code:

    #menu-item-545 a {
    color: #000080;
    font-size: 20px;
    href=”tel:688 407 302″>688 407 302
    }

    But nothing happens. In fact, even if I delete the whole code, the number still remains on the screen.
    Could it have anything to do with the

    }
    li#menu-item-545 {
    clear: left;

    that you asked me to add?

    #1423007

    Jade
    Moderator

    Hi there,

    The code you added didn’t work because you have added them incorrectly.

    I went ahead and removed the necessary closing curly braces and the CSS codes should work now but you might need to adjust the font size as it is currently set too big.

    Hope this helps.

Join Apex

This content is old and no longer supported. We invite you to check out our new community and forums, Apex.

Join Apex