Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 18, 2015 at 4:02 pm #538234
    mrcityrunner

    Hello

    Please see the link in the private content box which is the website in question. I have 2 problems:

    1. Then menu goes over the logo when the browser window gets smaller – how can i stop this happening so that it does not go over the logo?
    2. When you click on a parent page that has sub-pages in it, it takes the user to that top level page but i feel this is really bad usability and should simply show the sub pages (not take the user to the top level page)… please let me know how this can be possible.

    Thanks

    Rax

    November 18, 2015 at 5:01 pm #538317
    Elliott

    Hey mrcityrunner!

    1. Navigate to Dashboard > Enfold > Header > Mobile Menu and set the menu to activate for tablets at 900px.

    2. Not sure I understand here. When you click on the top level parent menu your wanting to redirect to the sub pages? How would WordPress know which subpage to display? Can you take a screenshot and highlight what your trying to do so we can get a better idea?

    Perhaps what your wanting is to make the top level link “unclickable” and just there to function as a dropdown. In this case when you edit your menu create a a custom link instead of an actual page and set the URL to “#” so it doesn’t do anything when clicked on.

    Cheers!
    Elliott

    • This reply was modified 9 years, 1 month ago by Elliott.
    November 18, 2015 at 11:35 pm #538610
    mrcityrunner

    Thanks for your reply.

    Point 2 is now resolved so thanks for that. As for point 1, i went to the Mobile Menu but it only gives an option to display mobile menu below 990px… however if you look at the link still, there is still a problem of the menu going over the logo… please advise, thanks

    Rax

    November 19, 2015 at 2:23 pm #538994
    Rikard

    Hi,

    The menu items are over the logo even on my 15″ laptop, maybe you could try creating submenu links or shortening the menu a bit? You can use the following code to control when to switch to mobile menu, adjust the value 1024 to the size you like:

    @media only screen and (max-width: 1024px) {
nav.main_menu {display:none !important;}
#advanced_menu_toggle, #advanced_menu_hide {display:block !important; }
}

    Regards,
    Rikard

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