Before you ask please READ THIS

Submenu RifePro

in FatMoon Posts: 293
Hello Air

I am creating a website using Rife Pro as usual and in need for submenus. As far as I see there is only one way to make submenus work? (using arrow (or other) icon on click to have the menu drop down?
One thing that I don't like is the "focus" border that happens on click (see screenshot).. how can that be removed?
And even better would be to have the menu dropdown on mouse over without having to use the icon and without having to click... is that possible?

Thanks a lot
Pascal

Comments

  • AirAir
    Posts: 10,970
    Hey:-)
    FLYART said: As far as I see there is only one way to make submenus work? (using arrow (or other) icon on click to have the menu drop down?
    You can also mark the whole item to open submenu - https://rifetheme.com/help/docs/basic-setup/menus/menu-enhancements/#making-menu-item-not-clickable

    As for focus ring: https://rifetheme.com/help/docs/customizing-the-theme/header/main-menu/#accessibility-focus-rings-on-the-menu

    With kind regards.
  • AirAir
    Posts: 10,970
    FLYART said: And even better would be to have the menu dropdown on mouse over without having to use the icon and without having to click... is that possible?
    The answer is here :-) https://rifetheme.com/help/docs/customizing-the-theme/header/main-menu/#submenus
  • Posts: 293
    Hey Air

    Thanks for your fast and adequate support - as usual!

    Sincerely, Pascal
  • Posts: 293
    Hi Air

    Back to that annoying sub menu question. My client has now decided that he WANTS the submenu open on hover and not on click.. I tried to explain that this is a bad decision but he insists... I know that you don't offer that option but I'm stuck with this situation and the site is finished apart of this.. is there any way I can solve this issue?
    Also the clients wants the submenus to be "open" as list already in the mobile view.. is that possible?

    Sorry and thank you
    Pascal
  • AirAir
    Posts: 10,970
    Hey Pascal :-)

    As for menu to be opened on hover - it would require fancy JavaScript modifications, to be as safe as possible, so I don't have any good news here.

    AS for submenu to be open on mobile - I believe this custom CSS should do it:
    @media only screen and (max-width: 1024px) {
    	.mobile-menu .navigation-bar ul{
    		display: block;
    	}
    }
    It is not perfect but should help.

    With kind regards.
  • Posts: 293
    Hey Air
    Thanks for the info.. well, I guess the client will have to be forced to go with clicking to open the submenus on desktop!
    Thanks for the css.. it works like a charm – same for the css for repoisitioning the arrow
    Cheers, Pascal
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!