Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • June 20, 2013 at 6:47 pm #25119
    Moog

    I’m having an issue with the mega menu that I can’t figure out. It’s only spanning about 3/4 the width of the page & I’d like it to be 100%. The columns are all too narrow as it’s trying to fit 6 of them into too small a space – I actually need 7 columns, but when I add the last, it wraps to a new line.

    Here’s my site:

    http://aspengrovedesign.com/clients/cashbox-v2/

    Any ideas?

    June 21, 2013 at 5:11 am #125829
    Ismael

    Hi,

    Please add this on your custom.css or Quick CSS to adjust the width.

    #menu-item-2350 > .avia_mega_div {
    
width: 1024px;
    
}

    You might need media queries to adjust the width on different resolutions.

    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    
#menu-item-2350 > .avia_mega_div {
    
width: 700px;
    
}
    
}

    June 21, 2013 at 12:50 pm #125830
    Moog

    Thanks Ismael – that did the trick. Much obliged.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Mega Menu not as wide as my page’ is closed to new replies.