Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #570974

    Hi Kriesi… love Enfold, great theme. I’ve got a quick question about the Mega Menu drop-down columns.

    I’m using the Mega Menu function for drop-down sub menus. Please view my website and hover over the “Dating” menu item in the header to see a sample drop-down sub menu. (Screenshot: http://www.lovelearnings.com/ll2.png)

    On Safari and Chrome, the height of the images in the drop-down menu varies across the columns (although all images have the same dimensions). Oddly, images are the same size in FireFox. Can you please help by providing some CSS to force all the images in the drop-down menu to have the same height?

    Additionally, it looks as though the drop-down menu columns are also different widths – is there a way to force all columns to be the same width (ie. 25% for each of the 4 columns)?

    I will be using a completely different menu for mobile, so I’m only looking to make the drop-down menus look right on desktop. Thanks in advance for any assistance!

    #570975

    See private content for WP admin login. Please advise if you need FTP also.

    #571944

    Bumping thread in case anyone has ideas on how to resolve this issue. Thx in advance

    #572731

    Hey!

    Thanks you for the kind words. Please do not bump your own ticket it will send it to the bottom of the queue

    To make the images same size we have added the below css in Enfold > General Styling > Quick CSS

    
    #header .mega_menu_title {
        max-height: 135px;
        overflow: hidden;
    }
    

    The 4 col grids are of equal size but it appears to you like they are not of same size

    Cheers!
    Vinay

    #572733

    Awesome, works great… thank you very much!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Mega Menu Sub-Menu Width/Height’ is closed to new replies.