Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 11, 2017 at 4:22 pm #732115
    IanJ

    Hi,

    I am trying to adjust the sub menu on the mega menu

    I have four columns on the submenu under one of the headings but when activated the fourth column disappears off to the right .

    I cannot see where to adjust the sub menu column widths which seem very large.

    I tried the following code

    #header .twelve.units {
    max-width: 800px;
    margin: 0 auto;
    left: 0 !important;
    right: 0 !important;
    }

    This helped a lot on desktop but still clips the fourth column when viewing on ipad.

    Can anyone suggest a way to reduce further or better still have the sub menu open across the width of the header instead of opening to the right in line with the menu item above ?

    Thanks,

    Ian

    January 12, 2017 at 6:01 am #732471
    Rikard

    Hi Ian,

    Could you post a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    January 12, 2017 at 10:47 pm #732866
    IanJ

    Hi Rikard,

    Please see attached

    thanks,

    Ian

    January 17, 2017 at 8:18 am #734546
    Ismael

    Hi,

    Thank you for the update. Please adjust the css code a bit.

    #header .twelve.units {
    max-width: 600px;
    margin: 0 auto;
    left: -150px !important;
    right: auto !important;
}

    This will push the mega menu container to the left by 150px.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.