Mobile menu Icon and mobile sticky logo

darokis · March 2016

1. I can't figure out how to move the mobile menu icon (3 lines) to the right on my transparent header.

2. Mobile Sticky menu doesn't show up when i scroll down

3. When i scroll down and then click menu icon the page goes up automatically.

my website (still working on it) dsgbuilders.com

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; }

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; }

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.

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).

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.

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

Mobile menu Icon and mobile sticky logo

Comments