Double line menu

Support
#1

Hi, thanks in advance for your great job.
I’d like to have multiline (2 lines) in my PRO menu. Is it possibile?
I can use
code in “label” under appereance menu, but I’d prefer a better style (for example, the second line smaller and thinner).

Do you have achieved this topic yet?

#2

Hello @wedoit,

Thanks for asking. :slight_smile:

You can add a class under Bar > Customize > Setup > Class. After that you can use following code under Pro > Theme Options > CSS:

.border{
    border-bottom: 1px solid blue !important;
    box-shadow: 0 1px 0 red !important;
}

You have the option to change class name as per requirement.

You can also have border effect using Header builder tool. Turn on Border settings under Navigation element > Top Links > Border. Here’s a screencast you can take a look.

Thanks.

#3

Thanks @Prasant ,
maybe I ask the wrong question.
I need a “multiline” menu, like the attached screenshot.

How can I do?
Really thanks for your support

#4

Hi There,

You have to enable the Secondary Text option in your Navigation Inline element:

After that go to edit the your menu from Wordpress Dashboard > Appearance > Menus:

  • Click on the Screen Button on the top right corner and check on the Description:

  • Then add the description(it’s the secondary text of your menu item) to your menu items:

  • Result:

Hope it helps :slight_smile:

1 Like
#5

It works!
Thanks!!!

#6

You’re welcome!
Thanks for letting us know that it has worked for you.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.