Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • citroen1968 Friend
    #197711

    HI

    the main menu do not colaps correct in different width
    see the picture’s

    joomla 3.3
    tr plugin 2.1.16
    t3 bs 2.1.3

    how to solve


    1. picture-1
    2. picture-2
    Saguaros Moderator
    #535029

    Could you tell me more specific of which device this problem occurs? and also post your site’s URL here, I will have a look.

    citroen1968 Friend
    #535325

    the site is on a local pc on the moment


    1. picture-2
    2. picture-1
    Saguaros Moderator
    #535368

    Please try to test the responsive feature in real mobile device because sometimes resizing web browser doesn’t bring expect result

    And if possible, pls put your site online and post URL here so that we have a look.

    citroen1968 Friend
    #536728

    hi Saguros,

    have live site but still same problem

    can i give you login so that you can look

    regards

    Gerhard

    Saguaros Moderator
    #536736

    Yes, you can send to me via PM.

    citroen1968 Friend
    #537133

    did send did you recieve

    Saguaros Moderator
    #537182

    Hi

    I received the info of your site and try to check with screen resolution of 768×1024 but it seems look fine.

    Could you tell me in details and send me screenshot of how it should be?

    citroen1968 Friend
    #538392

    Hi Saguaros,

    please see my answer from 15-05-2014 there you can see the 2 pictures

    normal menu is one line and not 2 line main menu

    Regards

    Gerhard

    Saguaros Moderator
    #538404

    Hi Gerhard,

    There are so many menu items in main menu of your site so when viewing in small screen (768px in width), it will break to the second line.

    Thought that within this resolution, you can use the menu icon instead: http://prntscr.com/3rbs9o . To achieve this, you can open the less file: /templates/ja_your_default_template/less/variables.less and look for this declaration (at approx line 254):


    // Small screen / tablet
    // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
    @screen-sm: 768px;
    @screen-sm-min: @screen-sm;
    @screen-tablet: @screen-sm-min;

    change it to:


    // Small screen / tablet
    // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
    @screen-sm: 769px;
    @screen-sm-min: @screen-sm;
    @screen-tablet: @screen-sm-min;

    Then you go to administrator area of your site > Template manager > open current style assigned to home page > hit the button ‘LESS to CSS’ (Remember to backup all current css files first as when compiling less to css, they will be overridden).

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

This topic contains 10 replies, has 2 voices, and was last updated by  Saguaros 9 years, 11 months ago.

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