Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #214297

    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

    #214298

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

    #214303

    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.

    #214864

    Hey Tim!

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

    Regards,
    Yigit

    #214866

    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

    #214868

    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

    #214871

    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

    #214937

    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

    #215018

    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

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘megamneu column width’ is closed to new replies.