Jump to content

I forced the desktop header on mobile but Title and Nav are not even

Recommended Posts

Hi friendly people. 

I forced the desktop nav on mobile for my site but there is a hairline difference in padding between the site title text and the navigation link text on mobile view. I was hoping someone could tell me what is causing it before I pull my hair out.

Thank you for any help.

 

https://anisette.co

password is 5678

 

And here is the code I'm using to force the desktop header:

/*DESKTOP HEADER ON MOBILE */ 
@media (max-width:648px) { 
.header-display-desktop
  {display: flex!important;} 
.header-display-mobile {display:none;} 
.header-burger {display:none;} 
.header-nav {
  display:flex!important;
  flex:40%!important;
  justify-content:flex-end;} 
.header-title {flex:50%!important;} 
.header-layout-nav-right .header-nav-item:not(:first-child):not(.header-actions- action--cart) 
{margin-left: 5vw!important;}
}

✌️

 

Link to comment
  • Replies 2
  • Views 130
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.