Menu Items at Edge are not Shown / Menu Item Width

edited May 2016 in Menu / Mega menu
(1) My menu is very wide.. items at the right are not shown (including second submenu items for Dubai). How can I solve that?

See the screenshot here:


(2) Look at the menu in the same site in http://youvictours.com .. see Kuwait > Sites and Attractions.. I am setting the width of each item individually in CSS. Is this correct or there is a better way to change the width of the items box? Also look at the screenshot below..


How can I make all menu items %100 width of their container (menu box) ?

Comments

  • edited June 2016
    Hi,

    1) You need to fold last items to he left side instead of the right. To do this, please activate Fold 2 Last Submenus to the Left option under Theme options > Menu & Action Bar > Menu section.

    2) Any solution that works is good :)

    If you want to increase the width of all menu items, you need to use the following css then:
    #Top_bar .menu li ul li { width: 250px !important; }
  • Thank you very much.

    I wish you can make it look better by making the first submenu to the right and the second to the right with little padding to right such as in normal desktop applications.
  • We are sorry but this is not possible unfortunately.
  • OK. I understand.
Sign In or Register to comment.