mobile navi icon

[crzee]

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…?

[SeaTheme]

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!

[crzee]

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?

[SeaTheme]

Hi,

We’ll make some test as soon.

Best, Bwsm

[SeaTheme]

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)

[crzee]

Awesome – thank u so much!!!

[Author]

Posts