Home Forums Free Themes Magzimum menu disappears

Viewing 15 posts - 1 through 15 (of 18 total)
  • Author
    Posts
  • #1400
    farid.dokuchaev
    Participant

    When the browser window is narrowed, the top horizontal menu disappears, and instead there are two icons buttons (in the form of three red horizontal stripes), which if you click – right there points gorizontalnoo menu (the same thing happens when a computer with low resolution on a smartphone ). So, if you press the left button to the left instead of the menu – just an empty dark field. How to fix it?
    And on the red search button, there is something unpleasant (for them), such as “fl” – you need to probably replace the letter “S” (Search)

    #1401
    farid.dokuchaev
    Participant
    #1404
    wensolutions
    Keymaster

    Hello @farid.dokuchaev,
    To show one menu Go to Appearance-> Menus-> Edit Menus ->Select a menu to edit: primary(Top Menu) -> Click Select.
    Go to Menu Settings -> Theme locations -> Choose Primary Menu only.
    Make sure you have added pages in your Menu Structure.
    Click Save menu.
    This should show only one menu for mobile device.
    You can refer this screenshot: http://prntscr.com/a3yfai

    Now, to display search icon, Go to Customize-> Theme Options-> Custom CSS.
    Inside Custom CSS section copy and paste the following line of CSS code .

    .fa-search:before {
       content: "\f002" !important;
       font-family: "FontAwesome" !important;
    }
    

    Let us know how it works.
    Regards.

    #1407
    farid.dokuchaev
    Participant

    Hello!
    Nothing happens. Menu got out on the page. I need to top menu remains as it
    is and the main menu was in an upright position through the widget. And
    what would this menu can be opened on mobile devices (currently dark window
    falls). With the addition of the code, too, nothing has changed from the
    search icon.

    Can you see? http://www.school87.kiev.ua
    Screenshot
    Screenshot2

    #1408
    wensolutions
    Keymaster

    Can you re-attach the screenshot? It appears broken!. We would like to check it for more clearance. Thanks

    #1409
    farid.dokuchaev
    Participant

    screen
    screen2

    #1410
    farid.dokuchaev
    Participant
    #1411
    wensolutions
    Keymaster

    Regarding screenshot 1 for search icon display. Please replace the following custom CSS code with previous one which should display search icon.

    .fa-search::before {
       content: "";
       font-family: FontAwesome;
    }

    Regarding screenshot 2 your image clearly shows you haven’t added any menu items for Primary Menu menu to display there in ‘dark window’ as you click on the icon. As a result, it is empty.

    So simply add some menu items there and assign to Primary Menu location which will display in that dark window in responsive menu view as was shown in our attached screenshot in above reply.

    Hope this makes you more clear.

    #1413
    farid.dokuchaev
    Participant

    With the search bar it worked. Thank you. With dark window now I understand. How do I then remove the strip that they were not there at all. The fact that a hundred I do not use this menu. These menu pages I have used in the horizontal menu across the widget (top left in the sidebar)

    #1414
    wensolutions
    Keymaster

    Ok so we now got your point in not using this menu for that particular reason. If this is correct, please paste the following CSS code in your custom css field which will hide the menu access icon in mobile viewports.

    @media only screen and (max-width: 767px)
    #mobile-trigger .fa.fa-bars, #mobile-trigger-top i {
        
        display: none;
    }

    Hope this helps !

    #1415
    farid.dokuchaev
    Participant

    CSS
    I paste the code but nothing has changed.
    You can double-check yourself http://www.school87.kiev.ua/

    #1416
    wensolutions
    Keymaster

    You have missed to add the CSS property inside the selector.

    Copy the following code direct to your CSS editor

    @media only screen and (max-width:767px){
    
    #mobile-trigger .fa.fa-bars, #mobile-trigger-top i {
        
        display: none;
    }
    
    }
    #1417
    farid.dokuchaev
    Participant

    Thank you!
    Now all the work!

    #1418
    farid.dokuchaev
    Participant

    horizontal menu, too, disappeared in the form of strips at the opening on the smartphone. I only had to remove one menu (strips) is not could be seen (dark screen) at the top left.

    #1419
    farid.dokuchaev
    Participant

    when you click on the light strip between the dark stripe where was the menu, and the main banner – appears dark empty box to the lef

Viewing 15 posts - 1 through 15 (of 18 total)
  • You must be logged in to reply to this topic.