How to add a button to mobile Header between logo and menu icon – Squarespace

Squarespace / By Tawfiqur / October 6, 2021 October 6, 2021

Go to Design > Custom CSS > Paste the following code

/* Show button on mobile menu*/
@media screen and (max-width:1024px) {

/* show button */
.header-actions {
    display: block !important;
}
.header .header-actions-action--cta {
    display: block;
    width: 10% !important;
}

/* logo width */
.header-title-nav-wrapper {
    flex: 50% !important;
}
}

About The Author

Tawfiqur

I’m Tawfiqur Rahman, the founder of onDemand Studio. I’m a self-taught, full-time WordPress Developer from Noakhali, Bangladesh. I’ve been working with WordPress since 2011. I’ve designed and developed 250+ websites, built my own plugins, released WordPress training courses, and taught hundreds of people in person. This site is where I share what I’ve learned.

1 thought on “How to add a button to mobile Header between logo and menu icon – Squarespace”

Yara
November 15, 2021 at 9:26 am

Hello,
How I can make them in this order:
Burger-menu, Logo, button?
Thank you

Reply

About The Author

Tawfiqur

1 thought on “How to add a button to mobile Header between logo and menu icon – Squarespace”

Leave a Comment Cancel Reply