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.



password is 5678


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

@media (max-width:648px) { 
  {display: flex!important;} 
.header-display-mobile {display:none;} 
.header-burger {display:none;} 
.header-nav {
.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.