• Resolved atlantis1525

    (@atlantis1525)


    I created a vertical menu on my home page with elementkits nav menu. I want to add submenus to menu items. However, submenus open from top to bottom. How can I make the submenus open sideways?

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi @atlantis1525,

    Greetings! Thanks for contacting us.

    If you change the direction of the default menu, you have to customize the CSS for the dropdown menu position. Please refer to this screenshot. Hope it will help.

    Regards

    Thread Starter atlantis1525

    (@atlantis1525)

    I couldn’t find which file contains the CSS information I need to change. I would be glad if you help. thanks.

    Hi,

    You can add the css to your child theme or Appearance > Customize > Additional CSS:

    @media (min-width: 1025px) {
    .ekit-nav-dropdown-hover .elementskit-dropdown-has .elementskit-dropdown {
    top: 40% !important;
    left: 160px !important;
    }
    }

    Hope it will help.

    Regards

    Thread Starter atlantis1525

    (@atlantis1525)

    Thank you. The css code you gave worked on the web. But as you can see on mobile, it didn’t work. I think there needs to be a separate css for mobile. The menu does not open sideways on mobile.

    I also want to narrow down the spacing of submenu items on mobile, but I couldn’t see this in the settings.

    Topluluk Tarafından Doğrulandı simgesi

    Hi @atlantis1525,

    Absolutely! When customizing the menu with custom CSS, you may need to adjust the code for the mobile version as well. I checked your site, and it looks good [screenshot].

    Since this is a custom requirement, it goes beyond the scope of our plugin’s features, not an issue of the ElementsKit. We appreciate your understanding and cooperation!

    Warm Regards

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘opening the submenu sideways?’ is closed to new replies.