Site URL: https://bapu4davis.org
I wanted to ensure our "Donate" button appeared in the mobile header. To get it to show up, I had to use some custom css I found from https://blog.tawfiq.me/how-to-add-a-button-to-mobile-header-between-logo-and-menu-icon-squarespace/.
/* Show button on mobile menu*/
@media screen and (max-width:1024px) {
/* show button */
.header-actions {
display: block !important;
}
.header .header-actions-action--cta {
display: block;
width: 10% !important;
}
/* logo width */
.header-title-nav-wrapper {
flex: 10% !important;
}
}
The button now shows up on the mobile header, woot!
Problem is, it overlaps with the hamburger icon. See photo.
How can I change this spacing?
Thank you all for any help!