[MatthieuDelageParticipant]

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

[MatthieuDelageParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

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

View post on imgur.com

Hope it helps 🙂

[MatthieuDelageParticipant]

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?

[JoaoModerator]

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

[MatthieuDelageParticipant]

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.

[JoaoModerator]

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

[MatthieuDelageParticipant]

This reply has been marked as private.

[LelyModerator]

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.

[MatthieuDelageParticipant]

This reply has been marked as private.

[JoaoModerator]

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

[MatthieuDelageParticipant]

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.

[ThaiModerator]

Hi There,

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

View post on imgur.com

Hope it helps 🙂

[MatthieuDelageParticipant]

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?

[JadeModerator]

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.

[Author]

Posts