Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • #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

    #425738

    Hey 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!
    Ismael

    #425828

    Hello,

    I past this css but apparently nothing change. ??

    Thank you

    #425968

    Hey!

    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,
    Yigit

    #427060

    Hello,

    I past this css but there is no changes.

    Thank you for your review

    #427346

    Hey!

    Please try the following instead:

    #top #header .mega_menu_title a {
      font-size: 11px !important;
      line-height: 11px !important;
    }

    Cheers!
    Rikard

    #428533

    Yes, 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

    #429334

    Hey!

    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!
    Rikard

    #429838

    Ok, 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.

    #430166

    Hey!

    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!
    Rikard

    #430204

    Hello,

    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;
    }

    #430883

    Hi!

    try to add this:

    #top #header .avia_mega_div > .sub-menu {
    padding-bottom: 0;
    }
    

    Regards,
    Andy

    #431007

    I added but nothing change.

    #431719

    Hi!

    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!
    Rikard

    #432682
    This reply has been marked as private.
    #433248

    Hey!

    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,
    Ismael

    #433462
    This reply has been marked as private.
    #433910

    Hey!

    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,
    Ismael

    #434271
    This reply has been marked as private.
    #434607

    Hi!

    Yes, but you activated the mega menu option. Go to the Menus panel to disable it.

    Best regards,
    Ismael

    #434935
    This reply has been marked as private.
    #435998

    Hey!

    Go to the Appearance > Menus panel. Edit the Nuestras Ventanas menu item, disable the “Use as Mega Menu” option. You might need to recreate the sub menus.

    Best regards,
    Ismael

Viewing 22 posts - 1 through 22 (of 22 total)
  • You must be logged in to reply to this topic.