Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #749987

    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

    #751729

    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

    #753816

    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!

    #756641

    Hi,

    Try adding this css code in QUick CSS:

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

    Hope this helps.
    Best regards,
    Nikko

    #756943

    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

    #757170

    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

    #757767

    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

    #757886

    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

    #757893

    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

    #757918

    Hi,

    Add this to quick css:

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

    Best regards,
    Jordan Shannon

    #758384

    Thank you!!

    #758446

    Hi,

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

    Best regards,
    Jordan Shannon

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