My one and only problem with the Persona Bar is making it go away when trying to print. I've tried everything I can think. One would think it would go away by just logging out, not true, the print margin is still offset by the same amount occupied by the Persona bar - it's blank, but that doesn't do any good when you're trying to fit a data packed restaurant menu on a page.

I found a way, there may be better ways but here's how I accomplished it:

Add this to your Default and Edit main theme file near the top:






Then include this CSS:

.persona-show {
display: none;
position: fixed;
width: 40px;
padding: 4px 0px 4px 14px;
z-index: 9999999;
cursor: pointer;
top: 0px;
background-color: #515050 !important;
border-radius: 0px 0px 12px 0px;
}

.persona-show > span {
color: white !important;
font-weight: bold;
font-size: 18px;
}



Lastly include jquery and this JS:

function setPersonaCookie(cname, cvalue, exdays) {
var d = new Date();
d.setTime(d.getTime() + (exdays*24*60*60*1000));
var expires = "expires="+ d.toUTCString();
document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
}
function readPersonaCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}
var personachecks = 0;
var personashown = false;
function persona() {
setTimeout(function () {
if (personachecks <= 50) {
personachecks++;
if( ($("iframe#personaBar-iframe").length > 0) && (personashown == false) ) {
personashown = true;
var personavisibility = readPersonaCookie('personavisibility');
if (personavisibility == "show") {
$(".persona-show").attr('style', 'left: 80px; display: block;');
$("iframe#personaBar-iframe").attr('style', 'width: 80px !important; opacity: 1;');
$("body").attr('style', 'margin-left: 80px !important');
$("body").addClass("body-margin");
$(".persona-show > span").html("<");
} else {
$(".persona-show").attr('style', 'left: 0px; display: block;');
$("iframe#personaBar-iframe").attr('style', 'width: 0px !important; opacity: 1;');
$("body").attr('style', 'margin-left: 0px !important');
$("body").removeClass("body-margin");
}

$(".persona-show").click(function() {
if ($("iframe#personaBar-iframe").width() == 0) {
$("iframe#personaBar-iframe").attr('style', 'width: 80px !important; opacity: 1;');
$("body").attr('style', 'margin-left: 80px !important');
$(".persona-show").attr('style', 'left: 80px; display: block;');
$(".persona-show > span").html("<");
setPersonaCookie("personavisibility", "show", 365);
} else {
$("iframe#personaBar-iframe").attr('style', 'width: 0px !important; opacity: 1;');
$("body").attr('style', 'margin-left: 0px !important');
$(".persona-show").attr('style', 'left: 0px; display: block;');
$(".persona-show > span").html(">");
setPersonaCookie("personavisibility", "hide", 365);
}
});
} else {
persona();
}
}
}, 200);
}

$(function() {
persona();
});