Menu Dropdown Not Completely Visible

This topic contains 8 replies, has 4 voices, and was last updated by  Matt Goodwin 4 years, 8 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: 

  • Author
    Posts
  • April 4, 2020 at 2:20 pm #538463

    Matt Goodwin
    Expired Member
    Post count: 84

    When adding anything more than 3 or 4 items to the submenu (dropdown) I am having trouble with the menu going off the screen both to the right and off the bottom of the screen. I tested in both FireFox and IE.

    Not having the problem when using the menu on the home page, just on every other page.

    Also not having the problem on mobile, just desktop.

    April 5, 2020 at 12:44 am #538508

    Guust
    Moderator
    Post count: 29970

    What theme are you using?
    Can you please post the URL where we can see this?
    Thanks

    April 5, 2020 at 12:08 pm #538582

    Matt Goodwin
    Expired Member
    Post count: 84

    Hi, I am using Supreme them v2:

    example url: https://nhtourguide.com/wp/places/category/bed-and-breakfast-inns-in-nh/

    April 6, 2020 at 7:27 am #538668

    Kor
    Moderator
    Post count: 16516

    Hi Matt Goodwin,

    Thanks for your reply. I’ve tested your Website on FF and IE11 and I don’t see any issues with it. Could you share some screenshots from your end?

    Thanks!

    April 6, 2020 at 1:28 pm #538728

    Matt Goodwin
    Expired Member
    Post count: 84

    Hi,

    Thank you for the help! I checked it again this morning. The left and right side issue seems to have been fixed when I added css for the menu size. But the issue with the menu going below the visible page remains. If you click on “Play” on the top menu to expand the dropdown it will drop right off the bottom of the page. For the most part that menu dropdown is in alphabetical order just to give you some idea how much is missing.

    I attached two screenshots, one is how my screen normally looks, the other is the screen zoomed out which shown more of the menu but still not all of it.

    April 7, 2020 at 3:46 am #538817

    Alex Rollin
    Moderator
    Post count: 27815

    You have a lot of categories; not all GD elements are going to work in all situations. I recommend you consider using fewer categories in that menu.

    If you are looking for a different kind of fix, can you say more about it?

    Have you considered just adding the most important or popular categories, using the GeoDirectory Endpoints?

    https://wpgeodirectory.com/docs-v2/geodirectory/navigation/

    April 7, 2020 at 3:36 pm #538962

    Matt Goodwin
    Expired Member
    Post count: 84

    ok I just thought that might have been some sort of bug as the menu works fine on the home page and the menu works on all pages when using mobile. Seems its just desktop on any page but home page.

    I tried to make it less but I had a few emails asking where the long list went. I will try to find a workaround.

    April 7, 2020 at 10:49 pm #539037

    Guust
    Moderator
    Post count: 29970

    The archive and search pages do not scroll, that is why you cannot scroll to the bottom of your category list on those pages.
    Some suggestions: Reduce the font size and padding, and/or nest the menu more.

    Thanks

    April 8, 2020 at 1:13 pm #539114

    Matt Goodwin
    Expired Member
    Post count: 84

    Ok, thank you!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount