Align logo (Alameda Theme)

Hello all!

First time posting here. I am having issues trying to get the main logo in my header to properly align on mobile versions of my site. It's ever so slightly off center (see attached photos). I am using the Alameda theme and trying to add custom codes in to make it happen but I cannot figure it out and can't find a good solution elsewhere online.

On the desktop version the logo has no issues and looks great, but on mobile the logo is off center because of the cart button's margins or something.. Very frustrating little detail that I feel is essential to a cleaner looking website with a lot of potential traffic coming from mobile users. So if anyone has a solution or piece of code I could use that'd be greatly appreciated!

Thanks!

-Quinn from Origin Fort Collins

Can you share link to your site? We can check easier.

2 hours ago, tuanphan said:

Can you share link to your site? We can check easier.

Temporary link: https://flatworm-aqua-7jn3.squarespace.com
 

Access password: #Origin2020

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header-actions.header-actions--right {
    display: none !important;
}
}

7 hours ago, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.header-actions.header-actions--right {
    display: none !important;
}
}

 

Tuanphan my friend, you are a coding wizard. Worked perfectly. Thank you so much for your quick help!