Responsive Issue #3: Action Bar field disappears

zmwartijn

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:

http://blonkwordpress.dynora.nl/

 

And here you
can find a screenshot of the issue:

https://dl.dropboxusercontent.com/u/902355/Issue_3.jpg

Albert

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

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

zmwartijn

Ok tnx. This gives the desired results.

What CSS can I use to remove the social icons?

Albert

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

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

zmwartijn

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

Albert

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

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

zmwartijn

Tnx, but that would remove the slogan as well

Albert

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

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