Website Title / Logo Cut Off on Mobile

Hello.

Can anyone share how to equally center the navigation, site logo/title, and shopping cart on mobile? 

I've managed to remove the vertical scroll on mobile - I thought that would fix the issue (not). 

Ideally, I'd like the shopping cart on the right-hand side of the mobile screen, but it keeps getting cut off even with the vertical scroll being fixed.

For a quick fix, I've put the shopping cart beside the nav so people can see the cart - but now the site title text is cut off. The same thing happens with a logo.

This is driving me bonkers.

Thanks in advance!

Anita Marie

Hi,

What is your site url? We can check easier

Hi!

Here it is: https://www.tiffanypratt.com/

Thanks!

Don't remove any code in your current code

Add this to Design > Custom CSS

.header-display-mobile .header-title-nav-wrapper {
    flex: 1 0 15% !important;
}

It worked!

Thank you very much!!!

Have a terrific day 🙂