Enfold - drop down menu - Support | Kriesi.at

Tagged: dropdownmenu, megamenu

Viewing 29 posts - 1 through 29 (of 29 total)

Author

Posts
February 4, 2016 at 5:36 am #577559

Epsilon_Marketing
Participant

Hi Support team,

I’d like to customised my dropdown menu like this (see below in the private link).
The parent page are bold and followed by the subpage (in regular weight), and so on.
Is there a way to do that?

Thanks.

February 4, 2016 at 5:55 am #577573

Epsilon_Marketing
Participant

Alternatively, we might use the Mega Menu.
We like the Mega Menu here : http://kriesi.at/themes/enfold-shop/shop/

but the one on our page looks slightly different.
The Header font looks too big compare to the subpage font.
https://www.dropbox.com/s/ymt9jmlrk4bn3ti/MegaMenu.png?dl=0

If we go with this, can we customise this?

However, we are not really keen on the Mega Menu. So we still prefer a simple drop down menu we mentioned on the previous post.

advise please. Thanks!

February 5, 2016 at 5:29 am #578247
Ismael
Moderator
Hi!

Yes, you can use the mega menu in order to create sub menus with multiple columns / rows. Add this in the Quick CSS field if you want to modify the style of the mega menu title:
```
#header .mega_menu_title {
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 1.1em;
    font-weight: 600;
    display: block;
}
```
Best regards,
Ismael
February 5, 2016 at 11:25 am #578427

Epsilon_Marketing
Participant

Hi Ismael,

The CSS code you provided, what does it do?

I’ve activated the mega menu and keyed in your CSS code.
I don’t notice the change.
Could you elaborate further?
I’m new in wordpress…

thanks.

February 5, 2016 at 9:20 pm #578769

Yigit
Keymaster

Hi!

The code Ismael posted should change font size, line height, font weight and bottom margin of mega menu titles.

Cheers!
Yigit

February 10, 2016 at 5:18 am #580778

Epsilon_Marketing
Participant

the code does’t work.

Anw, how do I create a drop down menu like in the following website?

February 11, 2016 at 10:50 pm #581907
Yigit
Keymaster
Hi!

If you add the code to Quick CSS field as following
```
#header .mega_menu_title {
    font-size: 14px;
}
```
and it should look like this – http://i.imgur.com/I6ZRZLH.png

If you do not mind creating a temporary admin login and posting it here privately, we can gladly look into it :)

Regards,
Yigit
February 12, 2016 at 3:24 am #581977

Epsilon_Marketing
Participant

the website is not yet launched. it’s currently on secure network.

the drop down we’re looking for is a single column like show in the previous link I shared.
not a mega menu.

any coding to amend the existing menu?

February 13, 2016 at 10:07 am #582657
Vinay
Inactive Moderator
Hi!

I’m a bit confused reading the post in one of the post it is mentioned mega menu is going to be used and in the above post it say’s a single dropdown menu. Well the single column dropdown is the default submenu look. Is it possible for you to post a screenshot of your site and mockup what you need to do so we can help you better.

Regards,
Vinay Kashyap
- This reply was modified 8 years, 9 months ago by Vinay.
February 15, 2016 at 3:29 am #583057
Epsilon_Marketing
Participant
Hi,

I am not looking for a drop down menu in SINGLE COLUMN, not like mega menu.
but if this is not achievable, then we would consider MEGA MENU, if we can customised the size of the font.

this is what we’re looking for…
https://www.dropbox.com/s/cwfy2ej4cnjysmu/Epsilon_WebIssues_2016_01.jpg?dl=0
- This reply was modified 8 years, 9 months ago by Epsilon_Marketing.
February 16, 2016 at 9:16 am #583972

Vinay
Inactive Moderator

Hey!

You don’t need to do anything apart from adding the submenus in Appearance > menu and the submenu will show up like it is in your example link.

Best regards,
Vinay Kashyap

February 16, 2016 at 9:36 am #583994
Epsilon_Marketing
Participant
Hi Vinnie,

I understand it will be a single drop down menu, but the structure is not clear, because the font size and weight are all the same.
is there a way to customised this?

If you could refer to the visual I sent you, the page structure on the drop down menu is more clear. Meaning: the parent page is BOLD and the sub page is REGULAR WEIGHT.

hope this make sense..
- This reply was modified 8 years, 9 months ago by Epsilon_Marketing.
February 18, 2016 at 9:14 am #585242
Epsilon_Marketing
Participant
Hi Team,

any feedback on this?

below link is a preview of what we’re experiencing..
https://www.dropbox.com/s/mornr1kp3qhm0ul/Epsilon_WebIssues_2016_SingleDropDownMenu.pdf?dl=0
- This reply was modified 8 years, 9 months ago by Epsilon_Marketing.
February 21, 2016 at 9:42 am #586618

Ismael
Moderator

Hi!

If you could refer to the visual I sent you, the page structure on the drop down menu is more clear. Meaning: the parent page is BOLD and the sub page is REGULAR WEIGHT.

We provided you with a basic css code which can change the default style of the mega menu title: https://kriesi.at/support/topic/enfold-drop-down-menu/#post-578247

If you don’t need the columns, edit the mega menu columns then tick the “This column should start a new row” option.

Best regards,
Ismael

February 21, 2016 at 6:57 pm #586717
Guenni007
Participant
hey ismael – the second level is a fly out on enfold – not beneath parent list point! I guess he wants the child list points under the parent one.

The quick and dirty way : use megamenu and set under each parent menu point the option: “This column start a new row” :lol
The rest will be quick css .
Look here : on service Main menu point the only thing which does not look good is the positioning to the main nav point – calculated on units mega-menu will have

http://webers-testseite.de/enf02/
- This reply was modified 8 years, 9 months ago by Guenni007.
February 21, 2016 at 7:10 pm #586722
Guenni007
Participant
oh sorry i did not read ismaels post carefully

but how we do the positioning – that “mega menu” is not in a line with MainMenu Point – this shift is not so nice (here on three unit about -140px)
- This reply was modified 8 years, 9 months ago by Guenni007.
February 22, 2016 at 3:47 am #586795

Epsilon_Marketing
Participant

Hi Ismael,

I’m new to WordPress, so I’m not familiar with the terms you are using..

when you said:
If you don’t need the columns, edit the mega menu columns then tick the “This column should start a new row” option.
could you specify where should I go to get that option?

thanks.

February 22, 2016 at 3:50 am #586796

Epsilon_Marketing
Participant

Hi all,

I managed to find it.. thanks!

February 22, 2016 at 4:25 am #586800

Epsilon_Marketing
Participant

Hi again,

the single drop down works well, but the spacing is way too far from one section to another..

have a look..
https://www.dropbox.com/s/3owu2ah3x37mjsb/Single%20Drop%20Down_OK.png?dl=0

February 22, 2016 at 10:24 am #586997
Guenni007
Participant
so did you inserted his code into quick css
```
#header .mega_menu_title {
    margin-bottom: 8px;
    font-size: 17px;
    line-height: 1.1em;
    font-weight: 600;
    display: block;
}
```
the margin-bottom manages the distance
February 22, 2016 at 12:18 pm #587048

Epsilon_Marketing
Participant

Hi Guenni007,

I did put it in and I could change the font size & weight, but not the spacing..
how do I do this?

thanks!

February 22, 2016 at 1:47 pm #587091
Guenni007
Participant
well i’m participant as well – so i do not see your Sitelinks.
Hard to say – try this here:
```
#top #header .avia_mega_div > .sub-menu {
    padding: 20px 30px 10px;
}

#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
    padding-top: 0;
}
```
padding: 20px 30px 10px means top: 20px left/right 30px bottom: 10px
the last bottom-value is for you important.
- This reply was modified 8 years, 9 months ago by Guenni007.
February 24, 2016 at 5:25 am #588122

Epsilon_Marketing
Participant

Hi Guenni,

this is what I put in:
//DROP DOWN MENU
#header .mega_menu_title {
margin-bottom: -10px;
font-size: 12px;
line-height: 0.5em;
font-weight: 80;
display: block;
}
#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
padding-top: 0;
}

nothing changed…
I played around with the font size, line-height, etc.. that i can see changes..
but not to the gap before the sub-parent page title…(if you could refer to my previous image reference)
https://www.dropbox.com/s/3owu2ah3x37mjsb/Single%20Drop%20Down_OK.png?dl=0

February 24, 2016 at 6:12 am #588146
Ismael
Moderator
Hi!

Try to decrease the space between the rows with this:
```
#top #header .avia_mega_div > .sub-menu {
    padding: 10px 20px;
}

#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
    padding-top: 10px;
}
```
UPDATE: I just saw that this is the same code suggested by @guenni007. Make sure that you copy the code from the forum, not from your email. Check if the “>” sign is intact.

Cheers!
Ismael
February 24, 2016 at 6:21 am #588150

Epsilon_Marketing
Participant

Hi Ismael,

nothing changed at all..
I tweaked the code to this:

——-
//DROP DOWN MENU
#header .mega_menu_title {
margin-bottom: -10px;
font-size: 12px;
line-height: 0.5em;
font-weight: 80;
display: block;
#top #header .avia_mega_div > .sub-menu {
padding: 10px 20px;
}

#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
padding-top: -20px;
}

——

February 24, 2016 at 4:13 pm #588463
Guenni007
Participant
pay attention on your brackets ! (you see the difference? after display: block – a closing curly bracket – and then a new rule )
and padding never has negative values ! (in difference to margin – which could have)
```
#header .mega_menu_title {
margin-bottom: -10px;
font-size: 12px;
line-height: 0.5em;
font-weight: 80;
display: block;
}

#top #header .avia_mega_div > .sub-menu {
padding: 10px 20px;
}

#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
padding-top: 0;
}
```
February 25, 2016 at 11:40 am #588931

Ismael
Moderator

Hey!

Yes, it is the bracket. Use @guenni007 ‘s suggestion: https://kriesi.at/support/topic/enfold-drop-down-menu/#post-588463

Best regards,
Ismael

March 18, 2016 at 11:26 am #600207

Epsilon_Marketing
Participant

Hi Guenni,

Thanks! it works like a charm…
spacing is a bit tight, but definitely better than before..

Cheers!

March 22, 2016 at 7:32 am #601713

Ismael
Moderator

Hey!

Great! Let us know if you need anything else.

Best regards,
Ismael
Author

Posts