Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • James Weston Friend
    #193269

    How does one change the width of the menu items so that menu titles stay on one line and don’t become two lines as with some of my menu items at http://www.millionaireasia-indonesia.com ?

    Many Thanks,

    Jim

    TomC Moderator
    #516588

    Within file path –> /templates/ja_orisite/css/template.css
    at line 1488, you will see the following:


    span.menu-title {
    max-width: 71px;
    }

    Modify the “max-width” property to a higher value, for example:


    span.menu-title {
    max-width: 150px;
    }

    Hope That Helps

    James Weston Friend
    #516591

    Thanks Tom that worked a treat.

    Jim

    TomC Moderator
    #516592

    Glad to be of assistance . . . All the best with your continuing site development.

    🙂

    James Weston Friend
    #543530

    Hi Tom,

    What would be the line to change the width for the sum menus? On a new site http://www.indonesianmaltwhiskysociety.com in the find a whisky menu I seem to have titles coming on two lines.

    TomC Moderator
    #543686

    Try This . . . .

    Within file path –> /templates/ja_orisite/themes/blue/css/menu/mega.css
    at line 44, modify as follows:


    .ja-megamenu ul.level1 li.mega a.mega span.menu-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    white-space: nowrap;
    }

    Better ??

    James Weston Friend
    #543722

    Thanks Tom, a great solution as always.

    Jim

    TomC Moderator
    #543832

    Happy, as always, to be of assistance. 🙂

Viewing 8 posts - 1 through 8 (of 8 total)

This topic contains 8 replies, has 2 voices, and was last updated by  TomC 9 years, 7 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum