Action Bar in Mobile

dominikrohrer · June 2017

Hi guys

I have 2 webites where I have a Action Bar, but they do not show on mobile.

The pages are:

heilpflanzen.marliesbischof.ch

taichi.marliesbischof.ch

How can I get them to show also on a mobile device?

If you want to, I could set up an account for you.

Cheers, Dominik

Albert · June 2017

Hi,

to display Action Bar on mobile, please use the following css:

@media only screen and (max-width: 767px) {
    .mobile-header-mini #Action_bar { display: block !important; }
    #Action_bar .contact_details li.slogan { display: block !important; }
}

dominikrohrer · June 2017

Thanks guys. Worked perfectly!

Albert · June 2017

You're welcome!

sybez · December 2017

Does this code work on all header styles?

Bryan · December 2017

sybez

Yes, the css in not targeting the header style.

luckae · September 2018

Hello,

This is showing for me when I am logged in as an admin, but when I logout the action bar disappears on mobile.

https://earth1.carrytheearth.com/

I am using the code below. (I don't want the slogan to show, only the social menu).

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

.mobile-header-mini #Action_bar {

display: block !important;

background-color: #292b33 !important;

}

ul.contact_details {display:none;}

#Action_bar .social-menu {

padding: 5px 0px;

}

Pablo · September 2018

luckae,

I see it's working now, did you solve it?

Is there anything else I can help you with?

Thanks

vnlsales · October 2018

Hi Pablo, I am having a similar issue. Please, could you assist?

On mobile, my action bar disappears.

https://waterfrontvillage.com/

I've tried the above-mentioned CSS, and regrettably, it didn't work.

I used a prebuilt website on this project (Garden 2)

Pablo · October 2018

vnlsales,

Do you mean that the background color disappear?

I see it all the time.

Cheers.

vnlsales · October 2018

Hi Pablo, it seems to be there now. thank you

Action Bar in Mobile

Comments