Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 1, 2013 at 3:34 pm #28805
    mirzepapa

    Hi,

    on http://www.musikzentrale.net i reduced the mega menu width for the first menu item via its id to 1024 instead of full template width:

    I used the following code i found in the forum:

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

    and for the responsiveness

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

    In FF everything is fine, but in all other browser, the two mega menus for “Musikunterricht” and “Musikzentrale” are aligned pretty much to the left screen border. If possible, i would like to align the mega menus right in the middle of the respecting space. How do i set this?

    And for some reason i cannot reproduce, the mobile menu became invisible in Chrome and Safari on the iPhone.

    Thanks for your help,

    Regards, Sebastian

    September 1, 2013 at 4:29 pm #138694
    Josue

    Hi Sebastian,

    To center the megamenu, try adding this:

    #header .avia_mega_div{

    left: -300px;

    }

    Regards,

    Josue

    September 13, 2013 at 8:42 pm #138695
    mirzepapa

    Hi Josue,

    thanks, that did the trick.

    Redards, Sebastian

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