Tagged: dropdownmenu, megamenu
-
AuthorPosts
-
February 4, 2016 at 5:36 am #577559
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 #577573Alternatively, 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=0If 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 #578247Hi!
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,
IsmaelFebruary 5, 2016 at 11:25 am #578427Hi 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 #578769Hi!
The code Ismael posted should change font size, line height, font weight and bottom margin of mega menu titles.
Cheers!
YigitFebruary 10, 2016 at 5:18 am #580778the 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 #581907Hi!
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,
YigitFebruary 12, 2016 at 3:24 am #581977the 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 #582657Hi!
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, 10 months ago by Vinay.
February 15, 2016 at 3:29 am #583057Hi,
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, 10 months ago by Epsilon_Marketing.
February 16, 2016 at 9:16 am #583972Hey!
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 KashyapFebruary 16, 2016 at 9:36 am #583994Hi 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, 10 months ago by Epsilon_Marketing.
February 18, 2016 at 9:14 am #585242Hi 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, 10 months ago by Epsilon_Marketing.
February 21, 2016 at 9:42 am #586618Hi!
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,
IsmaelFebruary 21, 2016 at 6:57 pm #586717hey 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 havehttp://webers-testseite.de/enf02/
- This reply was modified 8 years, 10 months ago by Guenni007.
February 21, 2016 at 7:10 pm #586722oh 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, 10 months ago by Guenni007.
February 22, 2016 at 3:47 am #586795Hi 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 #586796Hi all,
I managed to find it.. thanks!
February 22, 2016 at 4:25 am #586800Hi 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=0February 22, 2016 at 10:24 am #586997so 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 #587048Hi 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 #587091well 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, 10 months ago by Guenni007.
February 24, 2016 at 5:25 am #588122Hi 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=0February 24, 2016 at 6:12 am #588146Hi!
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!
IsmaelFebruary 24, 2016 at 6:21 am #588150Hi 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 #588463pay 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 #588931Hey!
Yes, it is the bracket. Use @guenni007 ‘s suggestion: https://kriesi.at/support/topic/enfold-drop-down-menu/#post-588463
Best regards,
IsmaelMarch 18, 2016 at 11:26 am #600207Hi 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 -
AuthorPosts
- The topic ‘Enfold – drop down menu’ is closed to new replies.