Jump to content

Logo not aligning in mobile view

Recommended Posts

I used custom CSS to align our website's logo better but it seems to directly impact the mobile view spacing.  It looks perfect in desktop view but when switched, the logo goes almost entirely to the right.  If there is a way to fix this I would love to hear solutions!  I've pasted the CSS that I'm using below:

.header-title {
    position: absolute;
    left: 37.5%;
    top: %;
    transform: translate(-50%,-50%);
    z-index: 9999;
    text-align: center;
}
.burger-inner {
    display: none !important;

 

I also used a bit of code to structure the drop-down menu which you can see at the bottom.  Hoping that this can be fixed without messing that up.  Thanks for any and all replies! 

Link to comment
  • Replies 5
  • Views 679
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

14 hours ago, jhlady said:

https://tangerine-piccolo-86r4.squarespace.com/splash-page   Lmk if that works.  The site isn't published yet so I'm not sure if that will.  Im pretty eager to get this sorted out since a client needs this draft later today.

The site is private. You can follow this to share url.

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.