Tagged: menu font size
-
AuthorPosts
-
April 9, 2015 at 12:51 am #425650
Hello,
I need to reduce the size of the font of the manu main manu when they have submenus. I can change in Advance settings the font size of the main and secondary links of the menu but not this. You can see on this screenshoot. I do not know if it is only problem with the font size or also with the paddings. You can see this menu of “Nuestras Ventanas” when you click is very large and not stetic.
https://docs.google.com/file/d/0B2CAIRYb4yBrcEg3LTZNdnRfTkE/edit?usp=drivesdk
Site:
http://www.regalosbajoprecio.com/Thank you
April 9, 2015 at 8:16 am #425738Hey manoloyoda!
Thank you for using Enfold.
Use this in the Quick CSS field to modify the mega menu title:
#header .mega_menu_title { margin-bottom: 5px; font-size: 11px; line-height: 14px; font-weight: 600; display: block; }
Cheers!
IsmaelApril 9, 2015 at 11:25 am #425828Hello,
I past this css but apparently nothing change. ??
Thank you
April 9, 2015 at 2:59 pm #425968Hey!
Please try adding !important rule as following
#header .mega_menu_title { margin-bottom: 5px; font-size: 11px !important; line-height: 14px; font-weight: 600!important; display: block; }
Regards,
YigitApril 11, 2015 at 6:51 pm #427060Hello,
I past this css but there is no changes.
Thank you for your review
April 13, 2015 at 8:39 am #427346Hey!
Please try the following instead:
#top #header .mega_menu_title a { font-size: 11px !important; line-height: 11px !important; }
Cheers!
RikardApril 14, 2015 at 11:57 pm #428533Yes, now it has changed, but notice the font size of the menu is different size if the menu has submenus than if the menu has not submenus.
Also the padding or margin between menus is very big what makes very long menu.Thank you
April 16, 2015 at 4:46 am #429334Hey!
Please try adding the following as well:
.mega_menu_title{ font-size: 11px !important; line-height: 11px !important; } #top #header .avia_mega_div > .sub-menu > li { padding-top: 10px; } #top .av-main-nav ul a { min-height: 8px; }
Cheers!
RikardApril 16, 2015 at 7:19 pm #429838Ok, now the font size of the menu has the same size, but the problem is the top and bottom margin or padding between text menus that is very big.
I can not understand why is this not solve in the standard configuration because a menu with 2 levels I think is quite common.
Thank you.
April 17, 2015 at 8:41 am #430166Hey!
Sorry I forgot a few details in my previous code, please change it to this instead:
.mega_menu_title{ font-size: 11px !important; line-height: 11px !important; } #top #header .avia_mega_div > .sub-menu > li { padding-top: 10px !important; } #top .av-main-nav ul a { min-height: 8px !important; }
Cheers!
RikardApril 17, 2015 at 10:13 am #430204Hello,
This is the complete quick css code I have now. Sorry but it is not working. I works with the font size but not with the top and bottom margins between menu elements.
Please, check it.
——————–
div#avia_2_1 {
float: left;
}
p#element_avia_1_1 {
width: 6%;
}#top #header .mega_menu_title a {
font-size: 11px !important;
line-height: 11px !important;
}.mega_menu_title{
font-size: 11px !important;
line-height: 11px !important;
}#top #header .avia_mega_div > .sub-menu > li {
padding-top: 10px !important;
}#top .av-main-nav ul a {
min-height: 8px !important;
}April 19, 2015 at 12:49 pm #430883Hi!
try to add this:
#top #header .avia_mega_div > .sub-menu { padding-bottom: 0; }
Regards,
AndyApril 20, 2015 at 12:03 am #431007I added but nothing change.
April 21, 2015 at 4:33 am #431719Hi!
Could you please provide us with a temporary admin login so that we can take a closer look? You can post the details here as a private reply. Think it might be easier if we get to work directly on your site to see the results for ourselves.
Cheers!
RikardApril 22, 2015 at 10:54 am #432682This reply has been marked as private.April 23, 2015 at 6:03 am #433248Hey!
Looks like you’re using the mega menu to create a dropdown. That is the default spacing of the mega menu titles, add this in the Quick CSS field:
#top #header .avia_mega_div > .sub-menu { padding: 5px 20px 10px; } #top #header .avia_mega_div > .sub-menu.avia_mega_hr { padding-top: 10px; }
Remove browser cache then reload the page.
Regards,
IsmaelApril 23, 2015 at 1:58 pm #433462This reply has been marked as private.April 24, 2015 at 7:43 am #433910Hey!
The code should decrease the padding of the mega menu title. Don’t use the mega menu option if you want to create dropdown menu. Please remove browser cache then reload the page.
EDIT: It’s not working because the > symbol is automatically converted. What is the text editor that you’re using?
http://www.regalosbajoprecio.com/
Regards,
IsmaelApril 24, 2015 at 5:20 pm #434271This reply has been marked as private.April 25, 2015 at 6:49 am #434607Hi!
Yes, but you activated the mega menu option. Go to the Menus panel to disable it.
Best regards,
IsmaelApril 27, 2015 at 12:26 am #434935This reply has been marked as private.April 28, 2015 at 1:22 pm #435998 -
AuthorPosts
- You must be logged in to reply to this topic.