• Resolved jb0591

    (@jb0591)


    I have two href links to website pages, each in the description of a menu section. It only works when clicked whilst viewing with a mobile device, not on a desktop/laptop device.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi,

    Can you please provide screenshot of the issue? I don’t see any of such links when visiting your website.

    Anyway, if I understand correctly, your use case won’t work as the menu description text is within the menu link. If you put another link to your menu item description, you are nesting links, which is not valid in HTML and that’s why you experience issues.
    I suggest creating a submenu items for such additional links, for example.

    Also, it seems mobile navigation of your website does not work. Did you modify the theme somehow (I can also see the header search form displayed all the time, which is incorrect as can be compared with theme demo website).

    Please note that I provide official support via https://support.webmandesign.eu

    Best regards,

    Oliver`

    Thread Starter jb0591

    (@jb0591)

    Hi

    Please look at this link with both a mobile device and on a desktop/laptop.

    https://thewaterfrontgastropub.ca/menu/#vegetarian_options-42

    In Veg Options the word ‘here’ is a URL and under Deserts the name ‘Taste Blooms’ is a URL. Both work on a mobile but not on a desktop/laptop.

    I dont understand your comment about mobile navigation, we haven’t seen any problems and have had over 6000 users in the last month.

    Also not sure what you mean by the header search form comment. The search header displays all the time in the demo site for me, but like mine it switches to the top of the hamburger menu when on mobile.

    Hi,

    Now I understand. You have issues with food menu, not navigational menu.

    The link actually works on large screens too. But it is covered with next food menu section title margin + padding (special spacing styling hack is applied here for better on page navigation positioning).

    The easiest fix for your use case would be to apply custom CSS:

    .menu-group-header {
    	pointer-events: none;
    }
    .menu-group-header > * {
    	pointer-events: all;
    }

    As for header search form you are right. This is a bug that must have appear after new WordPress 5.7 release. I will investigate and fix the bug in next theme update soon.

    Best regards,

    Oliver

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Href issue’ is closed to new replies.