Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 24, 2014 at 6:16 am #214297
    KingConga

    I have put images at the column heads in a megamenu. They look good when the site is fullscreen, but as it gets smaller the four columns that I have resize unevenly and my images end up with different dimensions. The two central columns are shrinking more than the two outside columns.
    Do you have a line of magic css for this pleeeaase
    Tim

    January 24, 2014 at 6:25 am #214298
    KingConga

    I’ve found that it’s just in Chrome.
    Firefox and IE are fine

    January 24, 2014 at 7:48 am #214303
    KingConga

    I’ve been looking for the files and css of mega-menu. It’s quite well hidden
    It’s just getting a bit long. i wanted to change the padding at top and bottom , or someting like that.

    January 25, 2014 at 6:54 pm #214864
    Yigit

    Hey Tim!

    Can you post the link to your website so we can take a look?

    Regards,
    Yigit

    January 25, 2014 at 6:57 pm #214866
    KingConga

    Thanks Yigit

    it’s http://www.ccrasa.com

    It’s not too ordered at the moment, but we are talking about the menu
    Cheers, Tim

    January 25, 2014 at 7:02 pm #214868
    Yigit

    Hi!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    #header .avia_mega_div .avia_mega_menu_columns_last {
padding-right: 14px; }
#header .avia_mega_div .avia_mega_menu_columns_first {
padding-left: 14px;
}
#top #header .avia_mega_div > .sub-menu { padding: 20px 15px 30px; }

    Regards,
    Yigit

    January 25, 2014 at 7:50 pm #214871
    KingConga

    That has made the graphic elements the same size in Chrome.
    I haven’t checked Firefox and IE. Thanks

    I tried tweaking the padding using this line but it’s still tall
    #top #header .avia_mega_div > .sub-menu { padding: 20px 15px 30px; }

    That seems to be another div. I’ve tried the following to see if I can locate the div but it’s still elusive. I’m talkig about reducing the amount of vertical white space in the menu because it is rather long.

    .sub-menu {padding: 5px, 15px, 5px;}

    menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children avia_mega_menu_columns_4 three units {margin: 5px, 15px, 5px;}

    Thanks Yigit

    January 26, 2014 at 2:59 am #214937
    Ismael

    Hi!

    Please try this:

    #top .main_menu .menu li ul a {
line-height: 18px;
min-height: 18px;
}

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

    Cheers!
    Ismael

    January 26, 2014 at 2:53 pm #215018
    KingConga

    Thanks Ismael, that’s great, Now i’ve sorted it out

    The code above fixed the upper part of the menu but not the second row. You got me looking in the right direction and i added the following part in bold type

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

    Cheers, Tim

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘megamneu column width’ is closed to new replies.