Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 23, 2015 at 10:07 am #507572
    Valluk

    Hello,

    I am looking for a solution to have a ‘mega menu’ pagewidth (even if only 2 columns are used).
    I have a transparent header and would like to have the subnavigation directly below the navigation. Now there is a space between.

    Thanks

    Erik

    September 23, 2015 at 12:51 pm #507696
    Yigit

    Hey Erik!

    Can you please post the link to your website and a screenshot showing the changes you would like to make so we can make sure that we are on the same page?

    Cheers!
    Yigit

    September 23, 2015 at 1:20 pm #507714
    Valluk

    Hi Yigit,

    This is our website http://retailboxplus.nl/retailbox/. Mega menu is under “Retailbox”
    The example with a page-width sub navigation is here under ‘solutions’

    Thanks again

    Erik

    September 24, 2015 at 1:44 pm #508432
    Andy

    Hi!

    you can control space between mega menu and main menu with this code:

    #top #header.av_header_transparency .avia_mega_div {
margin-top: -24px;
}

    and for making it wider, add width value into the code as well:

    #top #header.av_header_transparency .avia_mega_div {
width: 830px;
}

    Regards,
    Andy

    September 24, 2015 at 1:56 pm #508444
    Valluk

    Hi Andy,

    Thanks. That is exactly what I was looking for.

    One more thing. Is it possible to have some kind of transparency (50%) of the Mega menu.

    Thanks again

    Erik

    September 24, 2015 at 9:29 pm #508701
    Dake

    Hi!

    You can use the below css to change the transparency of the mega menu background:

    .header_color .main_menu ul ul {
    background-color: rgba(158, 157, 157, 0.5) !important;
}

    Best regards,
    Dake

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