Responsive Issue #3: Action Bar field disappears

zmwartijn · June 2016

I'm having
some trouble getting the responsiveness of the theme working correctly on mobile devices.

I've placed
a link in the action bar which shows up correctly on a desktop, but it
disappears on mobile devices. Any ideas?

This is the
link to the site:

[Links visible only for registered users]

And here you
can find a screenshot of the issue:

[Links visible only for registered users]

Albert · June 2016

Slogan is hidden on mobile because there is not enough space on mobile to put it there. But if you do not care about mess in header, just use the following css to display it on mobile:

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

zmwartijn · June 2016

Ok tnx. This gives the desired results.

What CSS can I use to remove the social icons?

Albert · June 2016

Do you mean to remove social icons in header completely? Or maybe just on mobile?

zmwartijn · June 2016

Preferably on mobile only, but if that's not possible on both desktop and mobile is fine.

Albert · June 2016

So to remove Action Bar completely, please go to Menu & Action Bar > Action Bar section.

zmwartijn · June 2016

Tnx, but that would remove the slogan as well

Albert · June 2016

Sorry but you can not remove Action Bar without slogan. Or you need to remove whole Action Bar or nothing.

Responsive Issue #3: Action Bar field disappears

Comments

This website uses cookies