Menu Issues

saudraza133

digi-support.png

Hi Team,

I have highlighted 2 issues that I am facing:

1) Can you please assist me in how can I reduce the space from the menu. E.g. when I hover over the service page sub-menu opens up but there is a lot of space in the menu and sub-menu how can I reduce it.

2) How can I place the text of the sub-menu in a single line as currently it's divided into 2 lines.

Please let me know. Looking forward to your response.

Web URL: https://digifolks.org/

Phil

Hi,

1) Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

#Top_bar:not(.is-sticky) .menu li ul{
   top:70%!important;
}

2) Please, use this code:

#Top_bar .menu li ul li{
   width: 250px!important;
}

It will extend the submenu width, and the title will fit in one line.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

saudraza133

Got it. Thanks, it works.