- This topic has 5 replies, 2 voices, and was last updated 3 years, 2 months ago by Leo.
September 7, 2017 at 5:42 am #380927Olga
I would like to add a big orange phone number to the very right of the main menu, and make it clickable to make calls from mobile phones.
On the mobile view, I would like the number to remain central between the menu burger and search, rather than disappearing into the menu burger. How do I go about this?
OlgaGP Premium 1.4.3September 7, 2017 at 8:29 am #381038LeoStaffCustomer Support
Use a custom link in the menu with the these two CSS classes:
Then add it again as normal HTML in mobile header:
https://docs.generatepress.com/article/mobile-header/#adding-html-inside-the-mobile-headerSeptember 7, 2017 at 9:20 am #381099Olga
Thank you Leo,
got the phone onto the menu and its clickable. What css class needs to be added to control colour, font type, and size please?
Also, is there a way to have the number on the very right without upsetting the centralisation of the rest of the menu?
For the mobile menu, pasted the php into code snippets but not sure what to enter where it says”Your mobile header HTML in here”?September 7, 2017 at 11:13 am #381165LeoStaffCustomer Support
You can use similar method here to control to add CSS:
menu-item-float-rightas suggested above.
It would be the same HTML you entered in the menu.September 7, 2017 at 12:00 pm #381214Olga
I put it right first and it looked like a mess, so I put it to the left temporarily so it does not unbalance everything.
When I added the html for the mobile view in code snippets, it just kept giving me an error screen when activated…September 7, 2017 at 12:06 pm #381224LeoStaffCustomer Support
menu-item-float-rightshouldn’t unbalance things as it’s a floating element.
This is what I see when I change it: https://s26.postimg.org/nadz43hmx/floatright.png
Can you show me the code you are adding?
- You must be logged in to reply to this topic.