Jump to content

Centering logo on mobile site while hiding Hamburger menu

Recommended Posts

Hi there! 

I am having issues with my mobile logo remaining centered once I remove the hamburger icon from my mobile site. It is centering the logo as if the hamburger was still there. 

This is what I currently have in my CSS. Any ideas of how to fix this?


@media only screen and ( max-width: 1024px ) and ( pointer: coarse ), screen and ( max-width: 799px ) {

  .header-display-mobile .header-burger {
    display: none;
@media screen and (max-width:767px) {
.header-title-logo {
    text-align: center;


Edited by freshstartmart
Link to comment
  • Replies 5
  • Views 321
  • Created
  • Last Reply

Top Posters In This Topic

On 1/10/2022 at 10:32 PM, freshstartmart said:

@tuanphan https://tetra-stingray-4cmw.squarespace.com

pw: freshstart

Thanks for taking a look! 

It looks like you figured it out?

13 hours ago, timnottage said:

Hi, I would also like assistance with this issue!

What is your site 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.