I made a one page site that has no menu and I added a header to display the logo. The problem is that on the mobile version, you see the 3 lines in the header to access the menu but it’s empty because there is no menu. So I’d like to implement 2 things:
1. – I’d like to utilize the mobile menu area to display some static About Us text when the menu option is pressed (3 lines)
2. – I don’t want this About Us text to appear on the desktop version.
Right now I have “Welcome to the Clan Killas Website” in the menu area but it’s acting as a link
Reference image of what I’m need ing if it’s possible: https://justpaste.it/text-only-menu
Hey Joey,
You can add the menu with one menu item, it will show on all screens and we can give you css to make it not clickable on mobile.
Best regards,
Victoria
So it’s not possible to hide it on the desktop version and only show on mobile?
What is the CSS code to make it not clickable on mobile? Thanks Victoria.
Hi,
Thanks for the update, I see one menu item in your mobile menu. Is that the one you want to not be clickable on mobile?
Best regards,
Rikard
That was just some sample text but yes.
Hi,
Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.main_menu li a {
pointer-events:none;
}
}
Best regards,
Rikard
Thank you.
Hi mestech,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria