Action Bar on Mobile

asthyanax · January 2019

Am I missing something? I don't see any options to show/hide the action bar on mobile. I can see that you can change the color on mobile so I'm guessing there's an option somewhere? It's hidden for me so I had to make a css change.

Thanks.

Pablo · January 2019

Hi,

If you'll turn on the action bar then it will be displayed on every devices.

Only way to hide the Action Bar on mobile or desktop is possible with Custom CSS code.

Do you need a help with it?

If yes, tell me on which device it should be hidden in your next reply.

Thanks

mxbrnl · March 2019

Hi Pablo, How can I see the action bar on mobile? What it's the custom CSS code? (I'm use the 21.1.1.1 version of Be) Thanks for your help!

Pablo · March 2019

mxbrnl,

Please paste this CSS into the Theme Options > Custom CSS & JS > CSS

#Action_bar, #Action_bar .slogan{
	display:block !important;
}

Thanks

mxbrnl · March 2019

Hi Pablo!

Thanks to you! but doesn't works... :-(

Maybe for a conflict with another CSS?

In this moment I use this CSS:

/* Action bar - lang*/

#Action_bar .contact_details{

float:right !important;

font-size:16px !important;

text-align:right !important;

background-color:-1 !important;

}

/* Menu Custom*/

.logo {

float: right;

position: absolute;

right: 0;

text-align: right;

}

.main_menu {

left: 0;

position: absolute;

}

.home #Footer { display: none !important; }

.header-stack #Top_bar .logo { border: 0 !important;

Thanks for your help!!!

Pablo · March 2019

mxbrnl

Please send a link to your website.

It will be a lot easier for me.

Thanks

mxbrnl · March 2019

Sure Pablo!

https://bit.ly/2pFNc5z

Thanks you!

You need access to the site?

Pablo · March 2019

I've updated the code above.

It's gonna work now fine.

Thanks

Action Bar on Mobile

Comments