Hi @tuanphan and others - thanks for your input on this. I'm using the following code - works well except that the links line spacing is huge and I can't figure out how to reduce it. Can you help me fix it? TIA!
site: https://czebrastudios-not-for-nothing.squarespace.com/
pw: philly
@media screen and (max-width: 5000px) {
/* Display burger icon at all widths and align left */
.header .header-burger {
display: flex;
order: 0 !important;
}
/* Make burger menu visible at all widths */
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
}
/* Hide primary navigation menu */
.header .header-title-nav-wrapper .header-nav {
display: none;
}
}
/* Link Alignment */
.header-menu-nav {text-align: right!important; margin-right: 5%!important;}
/* Page Background color */
.header-menu-bg {background: rgba(51,28,25,.85)!important;}
/* menu links style */
.header-menu-nav-item a {color: white!important; line-height: 0px!important;
font-size: 20px !important;
padding: 2px !important;
}