Overlay Menu Icon

Comments

• Albert

  March 2015

  Hi,
  
  do you mean stripe background and grey border around icon? Is that what you mean?
  
  But unfortunately it is not possible to use percentages with "."
  
  Thanks!
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Hamilton2186

  March 2015

  Hi , please refer to screenshot attached
  
  http://i.imgur.com/VfjnZsJ.jpg
  
  thanks
  
• Hamilton2186

  March 2015

  also need to know how to establish a section scroller thats on the theme "jkreative"
  
  I mean when you scroll down the area scroller scrolls down with you and when you click on it goes to appropriate section..
  
  sorry for too many questions ..
  
• Albert

  March 2015 edited March 2015

  If this icon is visible on the left side, it means that you activated sticky menu for mobile devices and this can't be changed. But color can be changed within below css:

  #Header a.responsive-menu-toggle { color: #000 !important; }

  BTW This is Betheme, not "jk...." and this works different way with our theme.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• Hamilton2186

  March 2015

  I know it's Be.. my question was how can i establish something like that since i saw a post here which i forgot to bookmark which used the same style !!
  
  A more smiling answer was expected and i am suprised to get an answer like this since i honestly believe that i have made more than 17 Be customers coz fof my recommendation!!
  
• Hamilton2186

  March 2015

  Btw i am using the Overlay Menu (Sticky Header affects ONLY the menu button) and does not have Stick menu On !! the custom css does not work as well ..
  
• Hamilton2186

  March 2015

  You can close this ticket and I can find a solution myself!!
  
• Albert

  March 2015

  We know that you expected that this is possible, but unfortunately is not as we got tons of other features and options that are not compatible with this effect.
  
  We missed that you use overlay menu. So to change this icon color, please use below css:

  .header-overlay .overlay-menu-toggle { color: #000 !important; }

  But to change position of this button, you must play with below css:

  .header-overlay .overlay-menu-toggle { left: 30px !important; }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• tossn

  November 2016

  I also work on this topic with overlax menu.
  
  Do you have any suggestions, how css should be in your additional code
  ".header-overlay .overlay-menu-toggle { left: 30px !important; }"
  
  if like to have different positions of sticky hamburger menu on desktop, tablet and mobile?
  
• Albert

  November 2016

  @tossn Please show us what you mean exactly because we do not understand your question.
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• tossn

  November 2016

  Thanks, I solved it already, how to get different positions for overlay menu button on different devices. Maybe this example is helpful for somebody else...
  
  /* menu button overlay style mobile and tablet device*/
  @media only screen and (max-width: 768px){
  .header-overlay .overlay-menu-toggle {
      top: 55px !important;
      }
  }
  
  /* menu button overlay style desktop device*/
  @media only screen and (min-width: 768px){
  .header-overlay .overlay-menu-toggle {
      top: 100px !important;
      }
  }