Home Forums Theone WordPress Theme mobile navi icon

This topic contains 5 replies, has 2 voices, and was last updated by  crzee 1 year, 9 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #7640

    crzee
    Participant

    Hi guys,

    is it possible to hide the menue items all the time – not only in mobile view?
    So that only the navi-icon is visible all the time and after clicking the icon the items become visible…?

    #7651

    BWSM
    Keymaster

    Hi, did you mean that shown “Hamburger” icon in desktop (same as mobile layout)? The navi-icon you talked is the “Hamburger” icon?

    If it is, we need make some test.

    Best,Bwsm
    Follow on @uiueux to get update news!

    #7655

    crzee
    Participant

    Hi,

    yeah, i think we’re talking bout the same icon 😀
    The icon top right – three bars wich show up instead of the menue-items when the browser gets smaller than 770px… And i want that icon everytime… not only for mobile devices. Is that possible?

    #7657

    BWSM
    Keymaster

    Hi,

    We’ll make some test as soon.

    Best, Bwsm

    #7658

    BWSM
    Keymaster

    1. Please login wp-admin, go to Theone / General Settings / Custom Css
    Paste the style code to Custom Css:

    #navi { 
      margin-left:0; line-height: 80px;display: inline-block!important;
    }
    body:not(.ux-mobile) #navi {
    -webkit-transition: opacity 0.5s;
       -moz-transition: opacity 0.5s;
         -o-transition: opacity 0.5s;
        -ms-transition: opacity 0.5s;
            transition: opacity 0.5s;
    }
    #wrap-outer, body:not(.ux-mobile) {
      height: auto!important;
    }
    body:not(.ux-mobile) #header {
      position: fixed!important;
    }
    #navi,.search_top_form {
      visibility: hidden; opacity: 0;
    }
    .navi-shown #navi,.navi-shown .search_top_form  {
      visibility: visible; opacity: 1;
    }
    body:not(.ux-mobile) #advanced_menu_toggle {
      height:80px; line-height: 80px; display:block; margin-left: 20px;
    }

    2. Replace the file:
    download the file, unzip it
    – login FTP, go to: themes/theone/js/
    – upload / replace: custom.theme.js

    (Note: the file change here: https://www.dropbox.com/s/2fpau059r13qjs5/QQ20150624-3.jpg?dl=0)

    #7665

    crzee
    Participant

    Awesome – thank u so much!!!

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

You must be logged in to reply to this topic.