Mobile menu Icon and mobile sticky logo

Comments

• darokis

  March 2016

  4. How to remove default BeTheme logo ?
• Albert

  March 2016

  1. As we can see, responsive menu is already on the right side.
  
  2. If you want mobile sticky menu, you need to activate it under Theme options > Responsive section but it would be on the left side then.
  
  3. Yes, exactly. This is how sticky menu works.
  
  4. We do not have option to remove logo completely but you can set own logo instead under Theme options > Global > Logo section. But if you really want to remove logo completely, you need to use extra css:

  #Top_bar .logo { display: none !important; }

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

  March 2016

  is there any way to set up mobile menu and logo as on this page corbexinc.com ?

  it has transparent full screen page and then when you scroll down the menu stays and sticky logo shows up ?

  
  
• Albert

  March 2016

  Yes, it is possible of course. For that, you need to use the following css:

  #Top_bar:not(.is-sticky) .logo { display: none !important; }

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

  March 2016

  I put that in but it is not working.
• darokis

  March 2016

  This is my css:

  
  

  @media only screen and (max-width: 767px) {

      #Header #menu { background: #000 !important; }

  }

  
  

  #Top_bar.is-sticky .menu > li > a span:hover { color: #bf1e2e !important; }

  #Top_bar.is-sticky .menu > li.current-menu-item > a span { color: #bf1e2e !important; }

  #Top_bar.is-sticky .menu > li > a span { color: #000; }

  
  

  #Top_bar:not(.is-sticky) .logo { display: none !important; }
• darokis

  March 2016

  I want it to act like on desktop site. Transparent menu and then when i roll down the menu and DSG logo should be visible on the top sticky bar.
• Albert

  March 2016

  We did checked your site and looks like our css works fine. There is no logo next to the menu but it appears when you start scroll down and sticky header appear. So the cs we gave you works exactly as should.
  

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

  March 2016

  I tought it can be done the way that when I scroll down the top bar becomes white with the small company logo on the left and menu on the right.
• Albert

  March 2016

  This is how it exactly works. When we start scroll, this is what we get http://pasteboard.co/2tTVJ9Lr.png so it looks exactly as you described it (top bar becomes white with the small company logo on the left and menu on the right).
  

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

  March 2016

  correct.

  I'm trying to get the mobile top bar work this way
• Albert

  March 2016

  Ohh, so you mean mobile. We are sorry but on mobile it's not possible unfortunately.
  

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

  March 2016

  one more question. I removed logos from responsive tab.

  when i go on my phone to dsgbuilders.com BeTheme logo is shown. 

  I remevoed BeTheme logo from desktop using #Top_bar:not(.is-sticky) .logo { display: none !important; }

  It is still shown on mobile.
• Albert

  March 2016

  We did checked your site and above code does not exist anywhere. The code we gave you, works on 100% what you can see on the following screenshot http://snag.gy/WSaHp.jpg
  

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