Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

How to display header button on mobile



Site URL: https://www.swiftsbf.com/

Hello! Hoping someone can help me with displaying the header button on mobile. The settings for the header layout show a button, however it does not actually display... having chatted with squarespace user support, they told me it hides when "it can't fit" (even at ipad size screen it is hidden 😞 ) and that otherwise it can only be accomplished with custom code. There's definitely room in the header, even on a very small mobile screen, so i'd like to do it!

Screen Shot 2021-08-17 at 2.11.02 PM.png


Screen Shot 2021-08-17 at 2.12.29 PM.png

Screen Shot 2021-08-22 at 10.06.24 PM.png

Link to comment
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

3 answers to this question

Recommended Posts

  • 0
On 8/24/2021 at 5:14 AM, Yakob said:

@tuanphanI am using the personal plan at the moment, version 7.1

Add to Design > Custom CSS

@media screen and (max-width:767px) {
.header-actions.header-actions--right {
    display: block !important;

.header-actions-action.header-actions-action--cta {
    display: block;

.header-title-nav-wrapper {
    flex: 1 0 calc(~"100% - 150px") !important;


Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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...