Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #446734

    Hello, I just created a mega menu and found it very large. I need to decrease the font, the width and height of the buttons.

    LINK
    http://www.milk9.com.br/qlrweb2/moradores/

    Because it was so big megamenu?

    #447777

    Hi mleite1!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #header .mega_menu_title {
      margin-bottom: 4px;
      font-size: 14px;
    }

    Best regards,
    Yigit

    #447784

    Hello Yigit.

    With the code you sent me does not solve my problem 100%.

    I need to control the height and width of the box, font size and text placement. Kind of like the code below.

    Is that correct?

    #top #header .mega_menu_title the {
       font-size: 12px! important;
       line-height: .3em! important;
       min-height: 12px;
    }
    span.mega_menu_title the {
       text-align: center! important;
    }
    #top .avia_mega_div #header> .sub-menu {
       border-top-style: solid;
       border-top-width: 2px;
       display: table;
       padding: 3px 3px 2px 2px;
    }
    #top #header .avia_mega_div> .sub-menu.avia_mega_hr {
       padding-top: 5px;
    }

    #448569

    Hey!

    Can you post a screenshot/mockup of what would you want to achieve?

    Best regards,
    Josue

    #448645

    Hello Josue.

    I would like my megamenu stay equal to their demo. It is not like that. Very different. Letters and large widths. Box does not fit the font size.

    Menu that does not adapt to the mobile.

    No need to model to show. Just like the megamenu stay like your example. The link below mouse over the link PAGES.

    http://kriesi.at/themedemo/?theme=enfold

    #448661

    Hey!

    The problem is that you’re setting all mega menu items as headings, refer to this video on how to set-up the Mega Menu:

    Regards,
    Josue

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