Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 5, 2024 at 3:04 pm #1429359
    laboiteapixels12

    Hi,

    I’ve created a mega menu. I want to limit the width of the submenu, and align it with the parent menu. But the submenu appears out of line with the main menu. I’ve attached a screenshot to make it clearer : https://drive.google.com/file/d/1Elp_BcMXW2R3hf24cLh4IQj7WN6IuwdL/view?usp=drive_link

    How can I get the submenu to align with the width of the parent menu?

    You’ll find the credentials in private content

    Thank you very much !!

    Best regards,
    Audrey

    January 6, 2024 at 11:06 am #1429391
    Rikard

    Hi Audrey,

    Thanks for the login details. I can’t reproduce the results in your screenshot on my end, in which browser and page are you seeing that on?

    Best regards,
    Rikard

    January 7, 2024 at 12:14 pm #1429449
    laboiteapixels12

    Hi,

    I’m seeing that on every browser (mozilla, safari…). It’s on the site’s main menu (which can be seen on every page of the site).
    When you move the mouse over the word “Mariage” on the menu, the sub-menu that appears is not aligned vertically with the word “Mariage”. The problem is the same for the “Séances photo” menu.

    I’d like the sub-menus to be aligned below the parent menu. Is that clearer?

    Thank you very much for your help,

    Best regards,
    Audrey

    January 7, 2024 at 1:28 pm #1429456
    Mike

    Hi,
    Thanks for the feedback, but I checked your page on Windows in Chrome, Firefox, & Edge and Mac in Safari, Chrome, Firefox
    and all showed the sub-menu “Mariage” aligned below the parent menu item like this:
    Enfold_Support_4355.jpeg
    I’m not sure why you would be seeing this, are you using an iPad? please post your screen resolution to see if this only occurs at a specific size. I did check a few random sizes but was not able to reproduce your screenshot.

    Best regards,
    Mike

    January 8, 2024 at 9:04 am #1429521
    laboiteapixels12

    Hi Mike,

    Thank you very much for your prompt reply. Your screenshot is what I see on my computer. However, I would like the word “Infos Mariage” to be aligned with the word “Mariage”. Here is a photoshop montage of what I would like to achieve : https://drive.google.com/file/d/1eHpUINsoXi5A-ypSgXWHolL8dDuNy0ZP/view?usp=drive_link

    Same thing for the “Seances photo” menu, I would like the sub-menu to be aligned like this : https://drive.google.com/file/d/1Wt5m2VfeTX1sQZiLXyrow4LyzsZrci8l/view?usp=drive_link

    Thank you very much in advance,

    Best regards,
    Audrey

    January 9, 2024 at 7:03 am #1429623
    Ismael

    Hi,

    Thank you for the clarification.

    You should be able to use the following css code to adjust the position of the submenu container.

    #top #header.av_header_transparency .avia_mega_div {
    margin-top: 1px;
    padding-top: 1px;
    left: -40px !important;
}

    Best regards,
    Ismael

    January 9, 2024 at 10:02 am #1429630
    laboiteapixels12

    Hi,

    It’s better, but it’s not yet properly aligned because the parent menu items are not the same width. Do you have another idea?

    Thank’s,
    Audrey

    January 12, 2024 at 2:10 am #1429845
    Nikko

    Hi Audrey,

    Can you try this CSS code instead:

    #top #header.av_header_transparency .avia_mega_div, .avia_mega_div {
    right: auto !important;
    left: 50%;
    transform: translateX(-50%);
}

    Hope it helps.

    Best regards,
    Nikko

    January 12, 2024 at 3:20 pm #1429914
    laboiteapixels12

    Hi Nikko,

    PERFECT !!! Thank you very much, it’s perfectly aligned now. You can close this ticket.

    Thank’s again !

    Best regards,
    Audrey

    January 12, 2024 at 4:41 pm #1429923
    Mike

    Hi,
    Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Submenu is not aligned with its parent’ is closed to new replies.