submenu is Multi language not wide as the original language

  • Resolved khalilsido

    (@khalilsido)


    3 years, 7 months ago

    Hello

    if we look at the mega menu in the English layout the width is good and the pictures is showing in full width
    https://www.charmaleena.com

    But if we switched into the Arabic version of the menu the mega menu width is small and the pictures is not in full size even though the insert is in full size.

    Any advice to solve this ?

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author megamenu

    (@megamenu)

    Hi khalilsido,

    The sub menu is only as wide as the menu itself, on the English version you have more top level menu items which makes the menu wider than the Arabic version. To force the same width on both menus, go to Appearance > Customize > Additional CSS and add the following:

    #mega-menu-wrap-main_menu {
    width: 90%;
}

    Regards,
    Tom

    Thread Starter khalilsido

    (@khalilsido)

    Hello Thanks Tom

    I did try the code but didn’t work , and the high menu items in the English menu is 8 and the Arabic is 7 I don’t think it’s big difference

    You see the fluout submenu in the english is wide and the pictures shows in full resolution this is what I am having a trouble with in the arabic.

    is there any other solution I can try?

    Thank you.

    Plugin Author megamenu

    (@megamenu)

    Hi khalilsido,

    I’m not sure if we are looking at the same thing then, as for me the english menu is much wider than the arabic menu, and the sub menu is only as wide as the total width of the top level menu items.

    Please can you leave the CSS in place so I can see why its not working?

    Regards,
    Tom

    Thread Starter khalilsido

    (@khalilsido)

    Hello Tom

    Maybe the code is not working because I already use the same selector for english layout to make the submenu wider but this is not working for arabic layout

    My code: (also your code is available now)

    /* Mega Menu flyout Bigger */
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {
    z-index: 999;
    border-radius: 0;
    background: #ffffff;
    border: 0;
    padding: 0px 0px 0px 0px;
    position: absolute;
    width: 1000px;
    max-width: none;
    left: 0;
}
    Plugin Author megamenu

    (@megamenu)

    Hi,

    I do not see the CSS I have provided being output. Here is how it looks now:

    2021-05-03_11-00-20

    Here is how it should look once you have added the CSS:

    2021-05-03_11-01-27

    Regards,
    Tom

    Thread Starter khalilsido

    (@khalilsido)

    That is really strange I added it here? (screenshot)

    https://ibb.co/RHhzZDs

    Thread Starter khalilsido

    (@khalilsido)

    after adding .rtl to the code it does work but it’s kinda mess up the first menu Item making it far from the rest ? (screenshot)
    https://ibb.co/KF9QdQb

    Plugin Author megamenu

    (@megamenu)

    Hi khalilsido,

    That is because the first item has the Menu Item Align setting set to “Right”, try setting that back to “Default” and it will sit alongside the others.

    Regards,
    Tom

    Thread Starter khalilsido

    (@khalilsido)

    Oh … silly me man sorry

    I really appreciate your awesome amazing support

    Thank you it’s solved now.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘submenu is Multi language not wide as the original language’ is closed to new replies.