Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 21, 2017 at 2:31 pm #749987
    Steffen

    Hi,

    I would like to add two columns in the dropdown menu which has 100% width of the content area and which includes the sub-pages in the first column with 50% width and an image in the second column with 50% width. If I add an image, it gets resized to a smaller size and if it’s possible I would like to remove all the paddings, margins and borders arround the image. I added an image of how the dropdown looks right now and how it should looks like. Is this possible?

    The second question I’ve got is if it is possible to center the flyout of the dropdown menu? Not the text, but the whole submenu. So that every menu item has a full width dropdown.

    Thanks & kind regards

    February 25, 2017 at 9:15 am #751729
    Jordan Shannon

    Hey Steffen,

    Apologies for the late reply.

    Try to add this to quick css:

    .avia_mega_div{
    width:960px !important;
    }

    Let me know if this works for you.

    Best regards,
    Jordan Shannon

    March 1, 2017 at 5:22 pm #753816
    Steffen

    Hi Jordan,

    thanks! This works to get the submenu in 960px width. But is it possible to get it in 1130px width without overlapping the content area on the right? I want to center the dropdown in the width of the content area.

    Is it possible to display the images in the submenu without any white border arround them (as displayed in the attachement above)?

    Kind regards!

    March 6, 2017 at 11:28 pm #756641
    Nikko

    Hi,

    Try adding this css code in QUick CSS:

    #top .avia_mega_div {
    margin-left: -50px !important;
}

    Hope this helps.
    Best regards,
    Nikko

    March 7, 2017 at 12:49 pm #756943
    Steffen

    Thank you Nico!

    The last point I would like to change is to remove the margins arround the image in the submenu. Is it possible to show the image on the right side of the dropdown menu without the white margins?

    Kind regards

    March 7, 2017 at 6:29 pm #757170
    Jordan Shannon

    Hi,

    Please try adding this to quick css to remove the space around the image.:

    ul.sub-menu{
    padding:0px !important;
    }

    #top #header .avia_mega_div .sub-menu li{
    padding-top:none !important;
    }

    Best regards,
    Jordan Shannon

    March 8, 2017 at 1:34 pm #757767
    Steffen

    Perfect! Thank you very much for the excellent support!

    One last thing: There is a very small white area above the submenu from the content area. Is it possible to set the submenu a little bit higher or the content area a little bit lower?

    Kind regards

    March 8, 2017 at 4:22 pm #757886
    Jordan Shannon

    Hi,

    I am glad the above css worked for you. Can you please screenshot the white space you are speaking of so I know that I am targeting the correct area.

    Best regards,
    Jordan Shannon

    March 8, 2017 at 4:32 pm #757893
    Steffen

    Hi Jordan,

    I added a screenshot of the area. Above the image in the submenu there is a small white stripe from the content area.

    Kind regards

    March 8, 2017 at 5:11 pm #757918
    Jordan Shannon

    Hi,

    Add this to quick css:

    #header.av_minimal_header .avia_mega_div {
    border-top-width:0px !important;
    }

    Best regards,
    Jordan Shannon

    March 9, 2017 at 3:10 pm #758384
    Steffen

    Thank you!!

    March 9, 2017 at 4:54 pm #758446
    Jordan Shannon

    Hi,

    No problem At all. If you need additional help, please don’t hesitate to let us know!

    Best regards,
    Jordan Shannon

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