Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1149713

    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

    #1149769

    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

    #1149913

    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.

    #1150041

    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

    #1150344

    That was just some sample text but yes.

    #1150427

    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

    #1150555

    Thank you.

    #1150651

    Hi mestech,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.